Design Systems
Collections

Find a reference set that matches your intent

Start with a verified primary-color family or browse curated product and workflow sets. Every card resolves from the canonical reference catalog.

Color concepts

Nine deterministic families based on each reference's canonical primary color.

Neutral Design System References

63

Real-company DESIGN.md references whose canonical primary color falls in the neutral hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Red Design System References

58

Real-company DESIGN.md references whose canonical primary color falls in the red hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Orange Design System References

36

Real-company DESIGN.md references whose canonical primary color falls in the orange hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Yellow Design System References

18

Real-company DESIGN.md references whose canonical primary color falls in the yellow hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Green Design System References

45

Real-company DESIGN.md references whose canonical primary color falls in the green hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Teal Design System References

34

Real-company DESIGN.md references whose canonical primary color falls in the teal hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Blue Design System References

154

Real-company DESIGN.md references whose canonical primary color falls in the blue hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Purple Design System References

20

Real-company DESIGN.md references whose canonical primary color falls in the purple hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Pink Design System References

12

Real-company DESIGN.md references whose canonical primary color falls in the pink hue family. The set is derived from one deterministic color rule, not visual guesswork. Inspect each reference and its quality status, then open the same color concept directly in the Builder.

View collection

Curated sets

Workflow, region, platform, and product-category entry points.

DESIGN.md for Claude Code

12

Claude Code ships beautiful code with someone else's design taste. Drop one DESIGN.md in your project and the agent reads your brand's color, type, and voice as ground truth before every UI task. These are the quality-graded references Claude Code users reach for first. Open a card to inspect the DESIGN.md and evidence status, or install all 440 with skills in one command.

View collection

DESIGN.md for Cursor

12

Instead of scattering a few design tokens across Cursor rules, wire one DESIGN.md carrying the whole brand into .cursor/rules. From color hexes to forbidden copy, one file is the single source. A pick of references that fit Cursor workflows — clean dev-tool and SaaS systems. One-line install, then just ask in natural language.

View collection

Korean Fintech Design Systems

31

Korean fintech UI after Toss: big type, one action per screen, copy without banking jargon. Toss, KakaoBank, Banksalad, and Upbit are presented with source and quality status for each DESIGN.md. Each file carries voice and forbidden phrases, not just color and type tokens. Feed it straight to the agent building your fintech product.

View collection

Korean App Design Systems

89

Karrot, Baemin, 29CM, Musinsa — the design language of Korean consumer apps never falls out of English-market references. These DESIGN.md files expose their quality status alongside the density and tone of the Korean market. Commerce, community, content, education: tokens and component patterns from Korea's major services with source status attached. Building for Korean users? Start here.

View collection

Japanese Brand Design Systems

43

LINE, Mercari, Cookpad, freee, SmartHR — references carrying the restraint and politeness specific to Japanese digital products, including how they actually run Japanese typography in production. Building for the Japanese market, or just need that calm JP tone? Hand these to your agent as-is.

View collection

Developer Tool Design Systems

35

GitHub, Sentry, MongoDB, ClickHouse — dev-tool UI is information density and trust. These DESIGN.md files expose evidence status for monospace usage, code blocks, and dashboard patterns. Building developer or infra products? Starting from this tone is the shortest path.

View collection

Clean SaaS Design Systems

52

SaaS design in the Notion / Slack / Airtable family — whitespace, hierarchy, restrained color. Quality-graded references across the productivity and SaaS categories. Building a B2B dashboard or collaboration tool? Point your agent at one DESIGN.md here instead of saying "make it clean".

View collection

Dark-Mode-Native Design Systems

30

Linear, Vercel, Supabase, Raycast — brands that design dark as the default canvas, not an inversion. Auto-selected by canvas luminance from the registry tokens. Dark UI is all gray scales and glow discipline. Give your agent a quality-graded dark palette instead of a naive #000 background.

View collection