Browse Foundations

Foundations

List

Use list styles to present grouped information with clear structure, spacing, and readability.

When to use list

List styles are used for structured content such as bullets, numbered steps, and grouped information. They should align with paragraph body styles so lists feel consistent within reading content.

StyleWhen to useAlias token

Unordered list item

Default

Related items where sequence does not matter.

sgds-font-size-body-mdsgds-font-weight-regularsgds-line-height-xssgds-letter-spacing-normal

Ordered list item

Steps, rankings, or information where sequence matters.

sgds-font-size-body-mdsgds-font-weight-regularsgds-line-height-xssgds-letter-spacing-normal

Unstyled list item

Lists that need semantic structure without bullets or numbers.

sgds-font-size-body-mdsgds-font-weight-regularsgds-line-height-xssgds-letter-spacing-normal

Singapore Government Design System

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

Past VersionsSGDS v1SGDS v2