typography #

h1

h2

h3

h4

h5
h6

paragraphs

paragraphs

paragraphs

p with some small text

p sub p sup p

show code

Font families
#

=
=
=

Font sizes
#

=
=
=
=
=
=
=
=
=
=
=
=
=

Font weights
#

Font weight values can be any integer from 1 to 1000.

There are no variables for font-weight but there are utility classes.

.font_weight_100
.font_weight_200
.font_weight_300
.font_weight_400
.font_weight_500
.font_weight_600
.font_weight_700
.font_weight_800
.font_weight_900
.font_weight_950
.font_weight_1
.font_weight_234
.font_weight_555
.font_weight_1000

Text colors
#

=
=
=
=
=
=
=
=
=
=
=

Line heights
#

Icon sizes
#

= 18px
🐢
= 32px
🐢
= 48px
🐢
= 80px
🐢
= 128px
🐢
= 192px
🐢
= 256px
🐢