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

Blocks

Blocks are reusable SGDS page sections that can be composed into larger templates and product experiences.

Showing 51 results

Recommended

Name: A-Z

Name: Z-A

Block type

3 per column

4 per column

Contained primary center

Contained primary

Contained raised center

Contained raised

Full bleed alternate center

Full bleed alternate

Full bleed primary center

Full bleed primary

Image left 4:8

Image right 4:8

Component left 6:6

Component right 6:6

Image left 6:6

Image right 6:6

Image left 8:4

Image right 8:4

Cards below

No image center

No image left

Filter checkboxes

All types

Basic center

Basic left

Basic right

Form fields checkbox

Form fields dates quantities

Form fields file upload

Form fields radio

Form fields selects

Form fields textarea

Form multi-step

Full-width only

Paired only

Sections single

Sections three

Sections two

Page header with breadcrumb

Page header

Hero background image light

Hero background image

Hero center

Hero fullbleed

Hero image

Basic hero

3 statistics

4 statistics

5 statistics

Statistic right 6 column

Statistic right 8 columns

Singapore Government Design System

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

Past Versions