Style Guide

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.

Colors

All template colors have been added to your globabl color palette, we recommend using the edit button inside here to change the color across all elements where it is used.

Red 900
#d89aa9
Red 700
#eabac6
Red 600
#f5d0d9
Red 500
#feeaef
Red 100
#fffcfc
Yellow 900
#cab59a
Yellow 700
#dac8b0
Yellow 600
#ebddca
Yellow 500
#f5eee5
Yellow 100
#faf7f2
Blue 900
#89b9c8
Blue 700
#b0d7e3
Blue 600
#d0ecf5
Blue 500
#eefafe
Blue 100
#f7fcfd
Purple 900
#9b9dd3
Purple 700
#b6b8e4
Purple 600
#d0d1f5
Purple 500
#eaebff
Purple 100
#f9f9fd
Neutral 900
#161c27
Neutral 700
#232a37
Neutral 600
#485162
Neutral 500
#a6b1c6
Neutral 300
#c9d0de
Neutral 100
#f3f6fb
Typography

Making updates to the typography on the site is quick and easy. Simply select a style below, select the appropriate HTML Tag in the Selector Panel and adjust to your desired typeface. To learn more about Webflow's HTML Tags, visit Webflow University.

Display Heading

H1 Title

H2 Title

H3 Title

H4 Title

H5 Title

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.

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.

Example Bold

Example Italic

  • List Example
  • List Example
  • List Example
  • List Example
  • List Example
  • List Example

Here is an example caption
Buttons

Updating the buttons for the site is quick and easy. 
Simply select the button you would like to change, and make the necessary adjustments in the properties panels.