Get Started
With greater adoption of digital services over traditional physical delivery methods, there is an increasing need to ensure that they are of optimal quality. In this spirit, the Singapore Government Design System (SGDS) aims to empower agencies to create fast, accessible, and mobile-friendly digital services with a common set of UI components, patterns, and templates.
Where applicable, SGDS complies with the Digital Service Standards (DSS), which is a set of policies, standards, and guidelines to help agencies implement digital services that meet the goal of delivering digital services that are easy-to-use, seamless, and relevant, as set out in the Digital Government Blueprint.
What we have
Singapore Government Design System consists of:
- Foundations: A brand foundation is the core set of values and principles that define its identity and create a clear and consistent message
- Components: A collection of open-source, front-end components that you can reuse or customise to build websites quickly while not compromising on specific needs. All components have been checked to ensure they adhere to accessibility standards.
- Patterns for common use cases rather than having to build them on your own. All patterns have been checked to ensure they adhere to accessibility standards; and
- Layouts: Built with custom elements tagged with styles, the custom elements are prefixed with SGDS and have no embedded logic
- Templates: Basic templates that you can use to start building your website quickly
Guides & resources
Understand our design foundations and start using our Figma UI kit
Get started for designers