Subtitle

Subtitle styles are predefined combinations of typography variables for secondary headings and supporting titles, so they remain consistent across the system.

When to use subtitle

Subtitle styles are used for secondary headings and supporting titles. They help introduce a section or group related content without competing with primary headings.

Style namePreviewWhen to useSGDS tailwind token
Subtitle medium semibold
DefaultH5

Subtitle medium semibold

Default subtitle for supporting section titles and short lead-in text.

sgds:text-subtitle-mdsgds:font-semiboldsgds:leading-xssgds:tracking-normal
Subtitle medium light

Subtitle medium light

Supporting titles that should feel secondary to a nearby heading.

sgds:text-subtitle-mdsgds:font-lightsgds:leading-xssgds:tracking-normal
Subtitle small semibold
H6

Subtitle small semibold

Compact supporting titles in cards, forms, and grouped content.

sgds:text-subtitle-smsgds:font-semiboldsgds:leading-2-xssgds:tracking-normal
Subtitle small light

Subtitle small light

Quieter supporting titles in dense layouts.

sgds:text-subtitle-smsgds:font-lightsgds:leading-2-xssgds:tracking-normal

Singapore Government Design System

The Singapore Government Design System was developed to empower teams in creating fast, accessible and mobile-friendly digital services.