Design system
Meet the GOV.India design system.
A Vercel-style foundation for Indian government products: minimal, monochrome, and precise, so you can use it as a base and then layer on the distinctive parts later.
Resources
Tokens
A clean monochrome palette, sharp spacing scale, and subtle shadows — the same kind of disciplined foundation Vercel uses.
Components
Buttons, cards, alerts, headers, and footers tuned to the same restrained visual language.
Docs
Implementation notes, usage rules, and the repo structure in a simple, readable layout.
Foundation
Four workspace packages, one visual language, and no decorative noise.
@gov-india/tokens
Colours, type, spacing, radius, shadows, and breakpoints — the source of truth for the whole system.
@gov-india/styles
Global CSS variables, reset styles, and component classes with a Vercel-like neutral shell.
@gov-india/ui
Accessible React components built on simple primitives and opinionated defaults.
@gov-india/utils
Shared formatters and class utilities for the apps that sit on top of the system.
What comes next
Service shells
Four rebuilt applications share the same shell, spacing, and component rhythm.
Design tokens
Colour, typography, and layout tokens stay small so the system stays easy to bend later.