Base size
SGDS follows a 4-point system. This allows us to create consistency across the user interface while decreasing design complexity.
4-point
SGDS spacing helps create consistent rhythm, hierarchy, and alignment across layouts and components.
Ensure proper alignment of elements with consistent spacing to create a clean and organised layout, reinforcing the overall structure and flow of the design.
Allow adaptable spacing to accommodate different screen sizes and contexts while maintaining a harmonious design, enabling the system to scale effectively across various devices.
Use a standardised spacing scale across the design system to ensure uniformity and coherence in layouts, making the interface predictable and easier to navigate.
SGDS follows a 4-point system. This allows us to create consistency across the user interface while decreasing design complexity.
4-point
SGDS combines arithmetic progression (AP) and geometric progression (GP) into 12 spacing sizes. The 28 px and 256 px sizes are not included.
Each step increases by 4.
a_n = nth terma_1 = first termd = common difference
Each step doubles.
a_n = nth terma_1 = first termr = common ratio
The Singapore Government Design System was developed to empower teams in creating fast, accessible and mobile-friendly digital services.