HEADINGS
CLASS
size
line height
Sample
H1
5EM
100%
H1
H2
3EM
100%
H2
H3
2.5EM
100%
H3
H4
2EM
100%
H4
H5
1.5EM
100%
H5
H6
1EM
100%
H6
Body
1EM
100%
Paragraph
CLASS
size
line height
Sample
is-display
7EM
100%
is-display
is-h1
5EM
100%
is-h1
is-h2
3EM
100%
is-h2
is-h3
2.5EM
100%
is-h3
is-h4
2EM
100%
is-h4
is-h5
1.5EM
100%
is-h5
is-h6
1EM
100%
is-h6
BODY
CLASS
size
line height
Sample
is-txt-xlarge
2EM
100%
is-txt-xl
is-txt-large
1.5EM
100%
is-txt-l
is-txt-REG
1EM (16px)
100%
is-txt-reg
is-txt-small
0.9EM
100%
is-txt-s
is-txt-xsmall
0.7EM
100%
is-txt-xs
ALTS
CLASS
Sample
--is-light
is-light
--is-allcaps
is-allcaps
--is-centered
is-centered
--is-rightaligned
is-rightaligned
--col-is-col-1
--col-is-col-1
--col-is-col-2
--col-is-col-2
--col-is-col-3
--col-is-col-3
--col-is-col-4
--col-is-col-4
--col-is-col-6
--col-is-col-6
--col-is-dark
--col-is-dark
--col-is-light
--col-is-light
FILL
CLASS
HEX
Sample
fill-COL-1
#ff4303
fill-Col-2
#dcddd4
fill-Col-3
#dcddd4
fill-Col-4
#dcddd4
fill-dark
#111111
fill-light
#fbfbfb
STROKE
CLASS
HEX
Sample
stroke-col-1
#ff4303
stroke-col-2
#dcddd4
stroke-col-2
#dcddd4
stroke-col-2
#dcddd4
stroke-dark
#111111
stroke-light
#fbfbfb