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

Border width tokens

Design tokens for border width across the SGDS system.

Design token

CSS variable

Figma token

CSS variable

Value (px/rem)

Example

--sgds-border-width-0

--sgds-border-width-1

Default

1/0.0625

--sgds-border-width-2

2/0.125

--sgds-border-width-3

3/0.1875

--sgds-border-width-4

4/0.25

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