This style guide provides a central location to make stylistic changes to your site. If you need additional help, Webflow University provides a library of videos, tutorials and resources to help you get started.
Lorem ipsum dolor sit amet consectetur. Amet duis enim elit id convallis nulla habitant dui mauris. Felis nibh natoque lorem sit. Scelerisque quam tellus odio pretium etiam.
Nav Bar
Footer
Negative
Positive
One color
One Color
Two colors
Gray 900
ISOTYPE
Nav Bar
Footer
Negative
Positive
One color
One Color
Two colors
Gray 900
Colors
Lorem ipsum dolor sit amet consectetur. Amet duis enim elit id convallis nulla habitant dui mauris. Felis nibh natoque lorem sit. Scelerisque quam tellus odio pretium etiam.
Principal
Gray 900
Gray 800
Gray 300
Primary
Primary 800
Primary 300
Secondary
Menu Dropdown
Gray 900
Primary 800
Primary 600
Primary 300
Secondary
Secondary 800
Secondary 600
Secondary 300
Secondary 100
Yellow
Yellow 800
Yellow 600
Yellow 300
Secondary
Red 800
Secondary 600
Secondary 300
Red 100
Typography
Lorem ipsum dolor sit amet consectetur. Amet duis enim elit id convallis nulla habitant dui mauris. Felis nibh natoque lorem sit. Scelerisque quam tellus odio pretium etiam.
h1/Hero Title
Size: 70
Lorem ipsum dolor sit
h2/h2 title
Size: 50
Lorem ipsum dolor sit
h3/h3 title
Size: 45
Lorem ipsum dolor sit
h4/h4 title
Size: 40
Lorem ipsum dolor sit
h5/h5 title
Size: 35
Lorem ipsum dolor sit
h6/h6 title
Size: 28
Lorem ipsum dolor sit
title
Size: 22
Lorem ipsum dolor sit
subtitle
Size: 22
Lorem ipsum dolor sit
title blog single
Size: 22
Lorem ipsum dolor sit
body large/normal
Size: 22
Lorem ipsum dolor sit
subtitle blog single
Size: 18
Lorem ipsum dolor sit
body/normal
Size: 18
Lorem ipsum dolor sit
title list blog single
Size: 16
Lorem ipsum dolor sit
body blog/normal
Size: 16
Lorem ipsum dolor sit
Body small/normal
Size: 15
Lorem ipsum dolor sit
Body smaller/normal
Size: 14
Lorem ipsum dolor sit
body smallest/normal
Size: 12.6
Lorem ipsum dolor sit
Buttons
Lorem ipsum dolor sit amet consectetur. Amet duis enim elit id convallis nulla habitant dui mauris. Felis nibh natoque lorem sit. Scelerisque quam tellus odio pretium etiam.