sgds-getting-started

Installation
SKILL.md

Getting Started with SGDS

New to SGDS? See sgds-workflow for the full skill map and reading order before continuing.

When building any application with the SGDS web component library, complete these four steps in order before writing any component or page code.


Step 1 — Set the Font

SGDS foundation styles use the Inter typeface by default. Add the Google Fonts import to the <head> of your HTML document before any SGDS CSS. The URL below loads only the four weights defined by the SGDS design tokens (300, 400, 600, 700) in both normal and italic styles.

Installs
123
GitHub Stars
19
First Seen
Mar 12, 2026
sgds-getting-started — govtechsg/sgds-web-component