Use label styles for form labels, controls, and compact interface text that needs clear emphasis.
Label styles are used for interface text tied to controls and UI elements, including field labels, button labels, chips, and other short functional text.
Label large semibold
Large control labels or action text that needs strong emphasis.
sgds-font-size-label-lgsgds-font-weight-semiboldsgds-line-height-mdsgds-letter-spacing-normalLabel large regular
Large labels where the component already provides visual emphasis.
sgds-font-size-label-lgsgds-font-weight-regularsgds-line-height-mdsgds-letter-spacing-normalLabel medium semibold
Field labels, buttons, tabs, and controls that need clear affordance.
sgds-font-size-label-mdsgds-font-weight-semiboldsgds-line-height-xssgds-letter-spacing-normalLabel medium regular
Default label style for common interface text.
sgds-font-size-label-mdsgds-font-weight-regularsgds-line-height-xssgds-letter-spacing-normalLabel medium light
Quiet interface labels where hierarchy should remain low.
sgds-font-size-label-mdsgds-font-weight-lightsgds-line-height-xssgds-letter-spacing-normalLabel small semibold
Compact labels, badges, chips, and metadata that need emphasis.
sgds-font-size-label-smsgds-font-weight-semiboldsgds-line-height-2-xssgds-letter-spacing-normalLabel small regular
Compact labels in dense interface areas.
sgds-font-size-label-smsgds-font-weight-regularsgds-line-height-2-xssgds-letter-spacing-normalLabel XS semibold
Very small labels that still need to be noticed.
sgds-font-size-label-xssgds-font-weight-semiboldsgds-line-height-3-xssgds-letter-spacing-normalLabel XS regular
Smallest interface labels, metadata, and compact annotations.
sgds-font-size-label-xssgds-font-weight-regularsgds-line-height-3-xssgds-letter-spacing-normalThe Singapore Government Design System was developed to empower teams in creating fast, accessible and mobile-friendly digital services.