Acctual
Home
Airy Ledger Workspace reframes invoicing and small-business finance as light, manageable, and practical. It relies on a nearly white field, concise black CTAs, and tiny blue notations to keep the system trustworthy witho...
Open exampleColor Systems
Browse DESIGN.md examples where palette systems, semantic tokens, and color logic are described as reusable design infrastructure.
178 curated examples24 per pagePage 3 of 8
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
Common color systems signals
Airy Ledger Workspace reframes invoicing and small-business finance as light, manageable, and practical. It relies on a nearly white field, concise black CTAs, and tiny blue notations to keep the system trustworthy witho... Builder Blue Pastoral Modernism is a...
Recurring System Signals
- Primary ( 111111): Main text and primary CTA fill.
- Secondary ( F2EEE8): Warm ivory chip grouping and subtle surface emphasis.
- Tertiary ( 615E5B): Support copy and muted secondary text.
- Use one modern sans family with controlled weight.
- Break long headlines into measured lines rather than chasing decorative styling.
- Keep metric and support copy calm and lightly colored.
Related Keywords
OverviewImage DirectionColorsTypographyUse one modern sans family with controlled weightUse pearl white as the default fieldUse soft mist for pills and neutral panelsUse one rounded grotesk family across the systemKeep display type large, open, and lightly weightedAvoid compressed headings or aggressive weight jumpsLayoutUse sparse, controlled imagery or diagrams
2026-02-07
Samara
Home
Builder Blue Pastoral Modernism is a light-first residential system that uses editorial restraint, pale natural surfaces, and decisive blue action moments to make modular housing feel trustworthy instead of speculative....
Open exampleNothing
Home
Dot Matrix Industrial Consumer Tech is a hardware-first system that uses white gallery space, black utility bars, and industrial product close-ups to create a highly ownable retail language. It should feel graphic, spars...
Open example
Continue Exploring
Use these adjacent facet and workflow pages to connect color systems analysis with other structured design-system concerns across the site.
Hub
All DESIGN.md Examples
Return to the main DESIGN.md hub to scan the broader dataset and compare across multiple system concerns.
Related Hub
Design Topics
Branch into topic pages grouped by repeated visual signals when you want a broader inspiration lens beside this system-focused facet.
Adjacent Facet
Typography Systems
Examples where type scale, display choices, and reading hierarchy are described clearly enough to guide implementation.
Adjacent Facet
Component Rules
Examples that document reusable components, states, variants, and interaction expectations.
Adjacent Facet
Layout Principles
Examples that describe spacing, grid, rhythm, hierarchy, and structural decision-making.
Workflow Collection
AI Design System Examples
DESIGN.md-style references, token-driven systems, and tools for AI-readable design workflows.
Workflow Collection
Figma AI References
References for Figma AI, Figma Make, MCP-assisted design workflows, and editable UI generation.
Color Systems FAQ
What should I study on this page?
Study how these systems document surfaces, accents, text contrast, semantic states, and token naming so color decisions remain durable across implementation.
Why browse this as a dedicated DESIGN.md collection?
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.