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

Border radius tokens

Design tokens for border radius across the SGDS system.

Design token

CSS variable

Figma token

CSS variable

Value (px/rem)

Example

--sgds-border-radius-none

--sgds-border-radius-xs

2/0.125

--sgds-border-radius-sm

4/0.25

--sgds-border-radius-md

Default

8/0.5

--sgds-border-radius-lg

12/0.75

--sgds-border-radius-xl

16/1

--sgds-border-radius-2-xl

24/1.5

--sgds-border-radius-3-xl

32/2

--sgds-border-radius-full

999

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