Browse Get started

Get started

Why use SGDS v3?

Use ready-made templates, blocks, and SGDS components instead of building common UI from scratch.

Shared design tokens, typography, and colour scales keep all .gov.sg services recognisable as one government.

Build inclusive experiences using components designed to meet government accessibility standards by default.

The same token model supports both design and code, which reduces manual translation between Figma and implementation.

We rebuilt the system from the ground up to support modern product development.

Feature

What’s changed?

Design tokens

A scalable architecture for colour, spacing, and typography to ensure consistency across platforms.

Rebuilt components

Enhanced flexibility and logic, making it easier to adapt components to specific service needs.

Advanced theming

Improved support for sub-brands and agency-specific requirements while maintaining a One Government feel.

Modern workflows

Tighter alignment between Figma libraries and code repositories for faster implementation.