Styleguide/

This is a set of guidelines and strategies to help you build Webflow websites.
Typography

Heading 1

Used as H1, and display sized headings.

Heading 2

Used as H2, for sections’titles

Heading 3

Used as H3, or important subtitle

Heading 4

Used as H3/H4
Heading 5
Used as H5
Heading 6
Used as H6
Text size
Sample text
Display
text-size-display
Sample text
Large
text-size-large
Sample text
Medium
text-size-medium
Sample text
Main
text-size-main
Sample text
Small
text-size-small
Text weight
Sample text
Semibold
text-weight-semibold
Sample text
Regular
text-weight-regular
Font style
Sample text
GEIST
text-font-heading
Sample text
GEIST MONO
text-weight-regular
Rich text

Heading 1

Heading 2

Heading 3

Heading 4

Caption
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