Colors
An overview of this site's brand colors.
Primary
#000111
#000111
#000111
#000111
#000111
Secondary
#000111
#000111
#000111
#000111
#000111
Tertiary
#000111
#000111
#000111
#000111
#000111
Fonts
HEADINGS
BODY
Typography
Below is an overview of responsive typography sizes and weights for this site.
These are computed from a base size and a mathematical scale.
These are computed from a base size and a mathematical scale.
Heading 1
.text-2xl .line-height-xs
H1 Regular
.text-2xl .line-height-xs .font-600
H1 Medium
.text-2xl .line-height-xs .font-800
H1 Bold
Heading 2
.text-xl .line-height-xs
H2 Regular
.text-xl .line-height-xs .font-600
H2 Medium
.text-xl .line-height-xs .font-800
H2 Bold
Heading 3
.text-l .line-height-xs
H3 Regular
.text-l .line-height-xs .font-600
H3 Medium
.text-l .line-height-xs .font-800
H3 Bold
Heading 4
.text-m .line-height-xs
H4 Regular
.text-m .line-height-xs .font-600
H4 Medium
.text-m .line-height-xs .font-800
H4 Bold
Components
Solid and outline buttons examples.