Style Guide

Colors

Darkbg

#1a1a1a

Lightgray

#9c9c9c

White

#ffffff

Black

#000000

Typography

Headings

Heading 1
Figtree
90px / 5.625em

Lorem ipsum dolor sit.

Heading 2
Figtree
54px / 3.375em

Lorem ipsum dolor sit.

Heading 3
Figtree
34px / 2.125em

Lorem ipsum dolor sit.

Heading 4
Figtree
28px / 1.75em

Lorem ipsum dolor sit.

Heading 5
Figtree
18px / 1.125em
Lorem ipsum dolor sit.
Heading 6
Figtree
16px / 1em
Lorem ipsum dolor sit.

Paragraph

Paragraph Large

Figtree
24px / 1.583em

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.

Paragraph Default

Figtree
18px / 1.125em

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.

Paragraph Small

Figtree
18px / 1.125em

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.

Text Single

400

Figtree Regular
Figtree Medium
Figtree Bold
24px / 1.5em
Lorem ipsum dolor sit amet consectetur
This is some text inside of a div block.
This is some text inside of a div block.

300

Figtree Regular
Figtree Medium
Figtree Bold
20px / 1.25em
Lorem ipsum dolor sit amet consectetur
This is some text inside of a div block.
This is some text inside of a div block.

200

Figtree Regular
Figtree Medium
Figtree Bold
18px / 1.125em
Lorem ipsum dolor sit amet consectetur
This is some text inside of a div block.
This is some text inside of a div block.

100

Figtree Regular
Figtree Medium
Figtree Bold
16px / 1.583em
Lorem ipsum dolor sit amet consectetur
This is some text inside of a div block.
This is some text inside of a div block.

Rich Text

Text Bold

Figtree
This is some text inside of a div block.

Text Link

Figtree
Lorem ipsum dolor sit amet consectetur

Bullet List

Figtree
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

Numbered List

Figtree
  1. Lorem ipsum dolor sit amet consectetur
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur

Blockquote

Figtree
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Image & Caption

Figtree
Image

Lorem ipsum dolor sit amet consectur

Text Uppercase

Figtree
Lorem ipsum dolor sit amet consectur

Text Strikethrough

Figtree
Lorem ipsum dolor sit amet consectur

Text Underline

Figtree
Lorem ipsum dolor sit amet consectur

Buttons

Primary buttons

Small
Default
Button Text

Secondary buttons

Webflow Highmodernity