SiteDesign Systems & Foundations · Public design systems
Vercel's design system: colour and typography foundations, Geist Sans and Mono typefaces, icon set and React components.
Why it’s a gem
The reference for restrained developer-product aesthetics, with the typefaces included free.
Trello's design system documenting board, card and drag-and-drop interaction patterns alongside its visual foundations.
SEEK's design system where components are constrained by design tokens so invalid layouts are literally uncompilable in TypeScript.
JSTOR's design system with web components, editorial typography rules and academic-content layout patterns.
LocalTapiola's insurance design system with web components, WCAG 2.1 AA conformance evidence and Finnish-language content rules.
Loom's design system documenting components, motion and the video-capture product surfaces behind the app.
Artsy's React and React Native design system with an art-world visual language and shared cross-platform primitives.