Style Guide

Set of guidelines and strategies to help you build Webflow websites.

Brand/Logo

Typography

Font Primary

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
“”§$€%&/([])=!?’

Font Accent

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
“”§$€%&/([])=!?’

Heading H1

Heading H1

Heading H2

Heading H2

Heading H3

Heading H3

Heading H4

Heading H4
Heading H5
Heading H5
Heading H6
Heading H6

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.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Text Link
text all caps

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Spacing

spacer-4
spacer-8
spacer-12
spacer-16
spacer-20
spacer-40
spacer-60
spacer-80
spacer-120
spacer-240

Media