Style Guide

AirAirNex A High-Quality Webflow Template for SaaS and Marketing Startups. Crafted and Engineered by Airdokan Expert Webflow Team. Purchase the Template Now!

Typography

Typeface

Satoshi

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
Typeface

Satoshi

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()

Heading H1 - Aa Bb Cc Dd 12

Font size: 56px / 3.5rem | Line height: 120%

Heading H2 - Aa Bb Cc Dd 12

Font size: 3rem | Line height: 1.2-

Heading H3 - Aa Bb Cc Dd 12

Font size: 2.5rem | Line height: 1.2-

Heading H4 - Aa Bb Cc Dd 12

Font size: 2rem | Line height: 1.3-
Heading H5 - Aa Bb Cc Dd 12
Font size: 1.5rem | Line height: 1..4-
Heading H6 - Aa Bb Cc Dd 12
Font size: 1.5rem | Line height: 1..4-

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.

Font size: 12px / 0.5rem Line height: 150%

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

Font size: 14px / 0.75rem Line height: 150%

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.

Font size: 16px / 0.875rem Line height: 150%

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.

Font size: 18px / 1rem Line height: 150%

Sample text is being used as a placeholder for real text that is normally present on your website.

Font size: 20px / 1rem Line height: 150%

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.

Font size: 24px / 1.25rem Line height: 150%

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.

Font size: 12px / 0.5rem Line height: 150%

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

Font size: 14px / 0.75rem Line height: 150%

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.

Font size: 16px / 0.875rem Line height: 150%

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.

Font size: 18px / 1rem Line height: 150%

Sample text is being used as a placeholder for real text that is normally present on your website.

Font size: 20px / 1rem Line height: 150%

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.

Font size: 24px / 1.25rem Line height: 150%

Main Colors

Aa

Primary 1

#255BF9

Aa

text- Highlights color

#DD28D6

Neutral Colors Heading

Aa

Primary 1

#255BF9

Neutral Colors Body

Aa

text- Highlights color

#DD28D6

Shadows

xxsmall

xsmall

small

medium

large

xlarge

xxlage

UI Elements

Buttons

Card Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cursus ut arcu sociis feugiat dol aliquet tincidunt feugiat mauris sagittis.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.