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
63Real-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 collectionRed Design System References
58Real-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 collectionOrange Design System References
36Real-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 collectionYellow Design System References
18Real-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 collectionGreen Design System References
45Real-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 collectionTeal Design System References
34Real-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 collectionBlue Design System References
154Real-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 collectionPurple Design System References
20Real-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 collectionPink Design System References
12Real-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 collectionCurated sets
Workflow, region, platform, and product-category entry points.
DESIGN.md for Claude Code
12Claude 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 collectionDESIGN.md for Cursor
12Instead 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 collectionKorean Fintech Design Systems
31Korean 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 collectionKorean App Design Systems
89Karrot, 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 collectionJapanese Brand Design Systems
43LINE, 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 collectionDeveloper Tool Design Systems
35GitHub, 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 collectionClean SaaS Design Systems
52SaaS 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 collectionDark-Mode-Native Design Systems
30Linear, 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