Skip to main content

Typography

Utility and element styles for a consistent type scale.

Scale

Class Use
.t-display Hero / marketing display
.t-h1 … .t-h6 Headings (also style native h1–h6)
.t-body Body text
.t-lead Intro / lead paragraph
.t-small Secondary text
.t-caption Meta / captions
.t-code Inline code

Color helpers

.t-muted · .t-subtle · .t-primary · .t-success · .t-warning · .t-danger

Alignment

.t-center · .t-left · .t-right

Example

Display

Heading 1

Heading 2

Lead paragraph for introductions.

Body text with comfortable line height for reading.

Small muted supporting text.