Font size

Semantic font size utility classes and their responsive values across breakpoints.

Font size utilities

Semantic font size utility classes control text size using tokens mapped to the SGDS type scale. These sizes are responsive by default, automatically scaling at tablet (1024px) and desktop (1440px) breakpoints to ensure consistent and readable typography across devices.

DisplayHeadingSubtitleBodyLabelCaptionOverlineLink
SGDS tailwind tokenMobileTabletDesktopPreview
sgds:text-display-lg
40px52px56px

Display Large

sgds:text-display-md
36px44px48px

Display Medium

sgds:text-display-sm
32px36px40px

Display Small

Singapore Government Design System

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