Style Guide
Manage the look and feel of the entire website from our style guide. Style and components used on the site are documented here, and any changes made will be immediately visible across all pages.
Colors
The primary colors and shades of gray on the website are managed through the webflow's variable feature.
Sunny Yellow
#eafe45
#00c6d3
#a1eaf1
Timber Green
#1e3523
#0b2d14
#00302e
Lunar Green
#2b4731
#124e25
#004f46
Ecru White
#eff3df
#dff1f3
#d1ffe5
Warm Grey
#98946f
#6f988d
Grey Green
#869481
#818f94
Ash Grey
#b0bca7
#6edba0
#aef8d0
Rifle Green
#35503a
#6edba0
#a1eaf1
#2d858d
#00302e
Mineral Green
#48614b
#486161
Jungle Green
#283f25
#6edba0
White
#ffffff
Typography
You'll see that these typography elements don't have classes. That's because, on this page, we want to edit the styles after selecting "All H1 Headings" for example so that it will affect all the elements on the site.
Heading H1
Font-Family: Instrument Sans
Font-size: 80px ; line-height: 96px;
Heading 1
Heading H2
Font-Family: Instrument Sans
Font-size: 56px ; line-height: 68px;
Heading 2
Heading H3
Font-Family: Instrument Sans
Font-size: 36px ; line-height: 48px;
Heading 3
Heading H4
Font-Family: Instrument Sans
Font-size: 32px ; line-height: 40px;
Heading 4
Heading H5
Font-Family: Instrument Sans
Font-size: 24px ; line-height: 32px;
Heading 5
Heading H6
Font-Family: Instrument Sans
Font-size: 18px ; line-height: 24px;
Heading 6
Paragraph
Font-Family: Instrument Sans
Font-size: 16px ; line-height: 24px;
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 Text Large
Font-Family: Instrument Sans
Font-size: 20px ; line-height: 28px;
Lorem ipsum dolor
Body Text Medium
Font-Family: Instrument Sans
Font-size: 18px ; line-height: 26px;
Lorem ipsum dolor
Body Text Small
Font-Family: Instrument Sans
Font-size: 16px ; line-height: 24px;
Lorem ipsum dolor
Buttons
A variety of button styles are available throughout the website.
