Style Guide

Home
Style Guide
Theme Styles
Colors
Typography
Symbols
Buttons

Note:Change the colors through the swatches panel. This will change all locations where the color is used on the website. You can learn more about global swatches on the Webflow University..

Colors

#0C1A40
2E3C63
#B5E93A
E5E5E5
E9FFB5
FF8877
#FFFFFF
#5BF4FF
#C8EFFC
#FFF1F1

Titles / Heading

Heading 1 - Font size 4.25 rem / line height 4.75 rem

Heading H1 - Aa Bb Cc Dd

Heading 2 - Font size 3 rem / line height 3.5 rem

Heading H2 - Aa Bb Cc Dd

Heading 3 - Font size 2.5 rem / line height 3 rem

Heading H3 - Aa Bb Cc Dd

Heading 4 - Font size 2 rem / line height 2.5 rem

Heading H4 - Aa Bb Cc Dd

Heading 5 - Font size 1.5 rem / line height 2 rem
Heading H5 - Aa Bb Cc Dd
Heading 6 - Font size 1.25 rem / line height 1.75 rem
Heading H6 - Aa Bb Cc Dd
Paragraph Medium
Paragraph Font - Font size 1.125 rem / line height 1.625rem

Lorem ipsum dolor sit amet consectetur. Lacus iaculis placerat condimentum integer. Amet odio pretium sit arcu turpis. Quam feugiat at ullamcorper fermentum arcu.

Paragraph Regular
Paragraph Font - Font size 1.125rem / line height 1.625rem

Lorem ipsum dolor sit amet consectetur. Lacus iaculis placerat condimentum integer. Amet odio pretium sit arcu turpis. Quam feugiat at ullamcorper fermentum arcu.

Paragraph Small
Paragraph Font - Font size 1rem / line height 1.5rem

Lorem ipsum dolor sit amet consectetur. Lacus iaculis placerat condimentum integer. Amet odio pretium sit arcu turpis. Quam feugiat at ullamcorper fermentum arcu.

Paragraph Tiny
Paragraph Font - Font size 0.875rem / line height 1.375rem

Lorem ipsum dolor sit amet consectetur. Lacus iaculis placerat condimentum integer. Amet odio pretium sit arcu turpis. Quam feugiat at ullamcorper fermentum arcu.