Typography

Heading scale and links. Pair heading utilities with Tailwind color utilities as needed.

.h1 — .h6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

<div class="h1">Heading 1</div>
<div class="h2">Heading 2</div>
<div class="h3">Heading 3</div>
<div class="h4">Heading 4</div>
<div class="h5">Heading 5</div>
<div class="h6">Heading 6</div>

.link, .link-sm, .link-xs, .link-danger

Standard link

Small link — same weight, 14px

Extra-small link — 12px, good for "Forgot password?"

Danger link

<a class="link">Standard link</a>
<a class="link link-sm">Small link</a>
<a class="link link-xs">Extra-small link</a>
<a class="link link-danger">Danger link</a>