Style guide

Take advantage of beautiful design and easily create your dream Webflow website that will impress your visitors.
TyographyColorsIconsButtons

Heading 1

Heading 1 - 100px / 120% (System Font)

Heading 2

Heading 2 - 52px / 130% (System Font)

Heading 3

Heading 3 - 36px / 130% (System Font)

Heading 4
Aa Bb Cc

Heading 4 - 18px / 24px (System Font)
Heading 5
Aa Bb Cc
Heading 5 - 14px / 20px (System Font)
Heading 6
Aa Bb Cc
Heading 6 - 12px / 18px (System Font)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Subtitle - 26px / 130% (System Font)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Big Text - 32px / 132% (System Font)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Big - 22px / 130% (System Font)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Regular - 20px / 130% (System Font)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Small - 18px / 130% (System Font)

Colors

Dark / #0b0b0b
Light / #fbfbfb
Light (0.3) / #fbfbfb
Elevation / #171717
Accent / #6ec2ff

Icons

All icons used in Dark Tech Library come from an open source icon library - Iconoir. Meaning they are are free for personal and commercial use.

Butons

Button Text
CTA Outline
Button Text
CTA Fill
About library
HomepageWhat's includedFAQAll componentsInstall libraryOur websiteLicensesStyle guide
Main componets
Hero (10)Features (19)Footers (04)Navbars (04)Contact (03)Testimonials (05)Pricing (03)
Other components
Galleries (08)Scroll move (04)Team grids (03)Blog grids (03)Logo sections (03)FAQs (02)
Demo pages
Demo 1Demo 2Demo 3Demo 4Demo 5Demo 6
Library designed by Wavesdesign, powered by no-code tool Webflow
see all templates