Text
Display text using well-defined typographic styles.
Sizes
The Evil Rabbit jumps.
The Evil Rabbit jumps.
The Evil Rabbit jumps.
The Evil Rabbit jumps.
The Evil Rabbit jumps.
The Evil Rabbit jumps.
The Evil Rabbit jumps.
The Evil Rabbit jumps.
Responsive
The Evil Rabbit jumps.
Variants
Used mainly for marketing purposes.
heading 72
heading 64
heading 56
heading 48
heading 40
heading 32
heading 24
heading 20
heading 16
button 16
button 14
button 12
label 20
label 18
label 16
label 14
label 13
label 12
copy 24
copy 20
copy 18
copy 16
copy 14
copy 13
Responsive variants
Responsive Heading
Responsive Copy, Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Color
The Evil Rabbit jumps.
Modifiers
The Evil Rabbit jumpsover the quick brown fox Lawful Meerkat.
Polymorphic
<p> semantically, <h2> visually.
Truncate
The Evil Rabbit jumps.
Clamp
The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps. The Evil Rabbit jumps.
Align
The Evil Rabbit jumps.
The Evil Rabbit jumps.
The Evil Rabbit jumps.
Monospace
This is a sans-serif font.
This is a monospace font.
Was this helpful?