Font weight

Font weight utilities and the semantic tokens that map to the SGDS type scale.

Font weight utilities

Font weight utilities set the thickness of text strokes. SGDS provides four weights — light, regular, semibold, and bold — mapped to semantic tokens that pair consistently with the type scale.

SGDS tailwind tokenValuePreview
sgds:font-light
300

The quick brown fox jumps over the lazy dog

sgds:font-regular
400

The quick brown fox jumps over the lazy dog

sgds:font-semibold
600

The quick brown fox jumps over the lazy dog

sgds:font-bold
700

The quick brown fox jumps over the lazy dog

Singapore Government Design System

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