This site is a work in progress as part of GovTech {build} hackathon. Content may be incomplete or subject to change.

Font weight

Font weight tokens used across the SGDS typography system.

Font weight tokens

Font weight tokens control text stroke thickness. Use the semantic weight that matches the role of the content instead of choosing arbitrary numeric weights.

CSS variable

Value

Example

--sgds-font-weight-light

300

Typography example

--sgds-font-weight-regular

400

Typography example

--sgds-font-weight-semibold

600

Typography example

--sgds-font-weight-bold

700

Typography example

Singapore Government Design System

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