(Style guide)
Client-First · Webflow Variables
Style guide
Colors
Variables → Primitives
neutral/white
#FFFFFF
neutral/50
#F5F5F5
neutral/100
#EBEBEB
neutral/200
#D9D9D9
neutral/400
#A3A3A3
neutral/600
#595959
neutral/800
#262626
neutral/black
#0A0A0A
Typography
Geist · Geist Mono · Instrument Serif
Display
Aa Display
H1
Heading one
H2
Heading two
H3
Heading three
H4
Heading four
H5
Heading five
H6
Heading six
Text XL
The quick brown fox jumps over the lazy dog.
Text L
The quick brown fox jumps over the lazy dog.
Text M
The quick brown fox jumps over the lazy dog.
Text R
The quick brown fox jumps over the lazy dog.
Text S
The quick brown fox jumps over the lazy dog.
Tagline
(Mono tagline)
Buttons & tags
.button + combo classes
Form chip
Selected chip
Rich text
.text-rich-text
Rich text heading
Body copy with a link, bold and italic.
Block quote styling for pull quotes inside CMS content.
- Unordered list item
- Another list item