Style guide

Take advantage of beautiful design and create a website your business deserves.

Buy template

Heading 1
Aa Bb Cc

Text / H1
Heading 1 - 130px / 100% (Inter)

Heading 2
Aa Bb Cc

Text /H2
Heading 2 - 130px / 100% (Instrument Serif)

Heading 3
Aa Bb Cc

Text / H3
Heading 3 - 60px / 100% (Inter)

Heading 4
Aa Bb Cc

Text / H4
Heading 4 - 60px / 100% (Instrument Serif)
Heading 5
Aa Bb Cc
Text / H5
Heading 5 - 20px / 100% (Inter)

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.

Body 1 - 40px / 110% (Inter)

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.

Body 2 - 20px / 100% (Inter)

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.

Body 3 - 30px / 100% (Inter)

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.

Body 4 - 20px / 100% (Inter)

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.

Body 5 - 14px / 100% (Inter)

Colors

Jazz takes advantage of strong black and white contrast as well as vivid brand colors.

Black
Green
Beige
White

Icons

All icons used in Jazz template come from an open source icon library - Remix Icons. Meaning they are are free for personal and commercial use.

Fonts

Jazz Template is using two additional fonts, called Instrument Serif & Inter. They can be downloaded at Google Fonts and are 100% free for personal and commercial use.

Buttons

Button Text
CTA Main
Button Text
CTA Outline
Button Text
CTA Secondary

Tiles

01
service 1

Crafting immersive digital experiences with user-centric design and seamless functionality, ensuring your online presence is not just seen but remembered.