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

Layout principles

SGDS layout principles help structure pages with consistent spacing, alignment, and hierarchy across devices.

Principles

Predictable

Use intuitive and predictable layouts with consistent UI regions and spatial organisation.

Consistent

Maintaining a consistent visual rhythm provides a consistent user experience. It also drives consistent scalability.

Hierarchical

Giving elements a visual hierarchy.

Singapore Government Design System

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