Typography

These are the default styles for different types of text elements. For more control you can use the text utilities to change the font size, weight, color, etc.

Headings

A page heading

A page heading

A page heading

A page heading

A page heading
A page heading
Code Example
<h1>A page heading</h1>
<h2>A page heading</h2>
<h3>A page heading</h3>
<h4>A page heading</h4>
<h5>A page heading</h5>
<h6>A page heading</h6>

Paragraph

A paragraph goes in here.

Code Example
<p>A paragraph goes in here.</p>

Text Styles

Some bold text.

This is a paragraph with some bold text.

Some italic text.

This is a paragraph with some italic text.

Code Example
<p><strong>Some bold text.</strong></p>
<p>This is a paragraph with <strong>some bold text</strong>.</p>
<p><em>Some italic text.</em></p>
<p>This is a paragraph with <em>some italic text</em>.</p>

Text Formatting

Some small text.

This is a paragraph with some small text.

Subscript2

Superscript2

Code Example
<p><small>Some small text.</small></p>
<p>This is a paragraph with <small>some small text</small>.</p>
<p>Subscript<sub>2</sub></p>
<p>Superscript<sup>2</sup></p>