Browse DESIGN.md examples where palette systems, semantic tokens, and color logic are described as reusable design infrastructure.
What To Compare
Study how these systems document surfaces, accents, text contrast, semantic states, and token naming so color decisions remain durable across implementation.
What To Compare
Pay attention to token structure, contrast strategy, accent restraint, light/dark mode logic, and whether color intent is obvious from the system itself.
Design Analysis
Build the experience around one centered handset and a small set of floating status cards. Let the system feel trustworthy and crystal clear rather than adventurous or noisy. Use the cobalt strip as the clearest signal o... This design language treats a learni...
Flighty
Home
Build the experience around one centered handset and a small set of floating status cards. Let the system feel trustworthy and crystal clear rather than adventurous or noisy. Use the cobalt strip as the clearest signal o...
SuperrBook
Home
This design language treats a learning product like a tactile children’s book. It uses ivory paper, chocolate serif type, hand-drawn orange annotations, illustrated notebook scenes, meadow-like bands, and very large paus...
Open exampleDatashake
Home
This design language turns data infrastructure into a crisp commercial interface. It uses white space, large editorial sans headlines, dashed utility borders, structured data cards, black commitment CTAs, and green live-...
Open exampleUse these adjacent facet and workflow pages to connect color systems analysis with other structured design-system concerns across the site.
Hub
Return to the main DESIGN.md hub to scan the broader dataset and compare across multiple system concerns.
Related Hub
Branch into topic pages grouped by repeated visual signals when you want a broader inspiration lens beside this system-focused facet.
Adjacent Facet
Examples where type scale, display choices, and reading hierarchy are described clearly enough to guide implementation.
Adjacent Facet
Examples that document reusable components, states, variants, and interaction expectations.
Adjacent Facet
Examples that describe spacing, grid, rhythm, hierarchy, and structural decision-making.
Workflow Collection
DESIGN.md-style references, token-driven systems, and tools for AI-readable design workflows.
Workflow Collection
References for Figma AI, Figma Make, MCP-assisted design workflows, and editable UI generation.
Study how these systems document surfaces, accents, text contrast, semantic states, and token naming so color decisions remain durable across implementation.
A focused collection makes it easier to compare how teams describe one system concern consistently across many examples instead of mixing unrelated signals on a single page.
