Style Guide

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

Typography

Headings

H1/Bold
Figtree Bold
56px / 120%

Heading 1

H2/Bold
Figtree Bold
48px / 120%

Heading 2

H3/Bold
Figtree Bold
40px / 120%

Heading 3

H4/Bold
Figtree Bold
32px / 120%

Heading 4

H4/Regular
Figtree Bold
32px / 120%

Heading 4/ Regular

H5/Medium
Figtree Bold
24px / 30px
Heading H5/ Regular
H5/Bold
Figtree Bold
24px / 120%
Heading H5
H6/Bold
Figtree Bold
20px / 120%
Heading H6

Colors

Primary
#0063f2
Black
#00000
White
Mode 1
#ffffff
Subtext
#979797
Border
#2a2a2a
Panel- background
#0e0e0e
Unselected
#545454
Footer
#0b0b0b
btn-text
#e7e7e7
secondary-panel
#161616

Buttons

Get started!Button MediumButton Medium Secondary

Rich Text

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