typography.md

go back to Docs

Typography

Regular text

<p class="text">
  <!-- text -->
</p>

Subtitle

Subtitle is slightly smaller than regular text and is dimmer.

<p class="subtitle">
  <!-- text -->
</p>

Label

Label is slightly bigger and bolder than regular text and is bolder.

<p class="label">
  <!-- text -->
</p>

Header

Header is much bigger than regular text and is bolder.

<p class="header">
  <!-- text -->
</p>

Class Names

• header - header text
• label - label text
• subtitle - subtitle text
• text - regular text