Style guide

Take advantage of beautiful design and easily create your stunning tech, SaaS or start-up website.

Mega H1
Aa Bb Cc

Mega H1 - 100px / 120% (Plus Jakarta)

Heading 1
Aa Bb Cc

Heading 1 - 72px / 120% (Plus Jakarta)

Heading 2
Aa Bb Cc

Heading 2 - 40px / 130% (Plus Jakarta)

Heading 3
Aa Bb Cc

Heading 3 - 22px / 140% (Plus Jakarta)

Heading 4
Aa Bb Cc

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Big Text - 56px / 130% (Plein)

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 Mega - 24px / 120% (Plein)

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 - 20px / 140% (Plein)

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 - 16px / 140% (Plein)

Vida takes advantage of strong black and white contrast as well as smooth brand colors.

Black

#000000

White

#ffffff

Grey Light

#fafafa

Grey Dark

#e7e7e7

Blue Light

#a9c4da

Blue Dark

#192733

Green Light

#d2facb

Green Dark

#233c1e

Pink Light

#facbea

Pink Dark

#461c38

Peach Light

#f6d4bb

Peach Dark

#573924

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

Button Text
Primary Black
Button Text
Secondary Outline
Button Text
Primary Big Black
Button Text
Secondary Big Outline
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Blue tile

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Pink tile

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Green tile

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Peach tile

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.