UI Text

UI Text is a set of text styles that should be used for headings and other text in templates, components and applications.

Overline

Heading

Section heading

Subheading

Caption

<p class="env-ui-text-overline">Overline</p>
<h1 class="env-ui-text-heading">Heading</h1>
<h2 class="env-ui-text-sectionheading">Section heading</h2>
<h3 class="env-ui-text-subheading">Subheading</h3>
<p class="env-ui-text-caption">Caption</p>

Usage example