Title

The Title system provides consistent text headings with different size variants. It helps maintain visual hierarchy and readability throughout the interface.

Base Structure

The Title system offers two primary variations: default and small. These base structures form the foundation for content headings.

Default Title

The title class creates a standard-sized heading. This is the most common usage for primary content headers.

Default Title

Title Default

<span class="title">Default Title</span>

Small Title

Add title--small to create a more compact heading. Useful for secondary headers or where space is limited.

Small Title

Title Small

<span class="title title--small">Small Title</span>