Typography
We designed each title and text element to make your copy readable but still beautiful on every device. Legible and flexible styles support a wide variety of use cases.
Heading
Heading
Heading / 2XL
Heading / XL
The quick brown fox
Heading / LG
The quick brown fox
Heading / MD
The quick brown fox
Heading / SM
The quick brown fox
Heading / XS
The quick brown fox
Title
Title
Title / XL
Title / LG
Title / SM
Text
Text / Normal
Text / 2XL / Normal
Sample text is being used as a placeholder for real text that is normally present.
Text / XL / Normal
Sample text is being used as a placeholder for real text that is normally present.
Text / LG / Normal
Sample text is being used as a placeholder for real text that is normally present.
Text / MD / Normal
Sample text is being used as a placeholder for real text that is normally present.
Text / SM / Normal
Sample text is being used as a placeholder for real text that is normally present.
Text / XS / Normal
Sample text is being used as a placeholder for real text that is normally present.
Text / Semibold
Text / 2XL / Semibold
Sample text is being used as a placeholder for real text that is normally present.
Text / XL / Semibold
Sample text is being used as a placeholder for real text that is normally present.
Text / LG / Semibold
Sample text is being used as a placeholder for real text that is normally present.
Text / MD / Semibold
Sample text is being used as a placeholder for real text that is normally present.
Text / SM / Semibold
Sample text is being used as a placeholder for real text that is normally present.
Text / XS / Semibold
Sample text is being used as a placeholder for real text that is normally present.