Zeabur
Home
--- version: alpha name: Dark DevOps Command Grid description: A dark technical product system with purple command accents, grid-lined infrastructure surfaces, compact console controls, and diagrammatic product cards. co...
Open exampleColor Systems
Browse DESIGN.md examples where palette systems, semantic tokens, and color logic are described as reusable design infrastructure.
27 curated examples24 per pagePage 1 of 2
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
--- version: alpha name: Dark DevOps Command Grid description: A dark technical product system with purple command accents, grid-lined infrastructure surfaces, compact console controls, and diagrammatic product cards. co... --- version: alpha name: Luminous As...
Recurring System Signals
- Use 000000 and 0D0D0D as the page and section base.
- Use EDF2F5 for primary text and 9F9F9F or 828282 for secondary copy and inactive navigation.
- Use 232323 for hairline borders, vertical grid lines, dividers, and product-window outlines.
- Use a variable grotesk such as Inter for display, body, labels, and navigation.
- Headlines are large, clean, and medium weight. They should rely on scale, balance, and line breaks rather than heavy weight.
- Body copy is short, muted, and close to the UI object it supports.
Related Keywords
OverviewColorsTypographyLayout
2026-04-22
Eagle
Home
--- version: alpha name: Luminous Asset Vault description: A dark creative-asset product language with black canvas depth, blue utility actions, luminous gradient headings, app-window proof surfaces, and large rounded fe...
Open exampleOsmo
Home
--- version: alpha name: Flex Dev Toolkit description: A creative developer toolkit language with giant flexible sans type, central dark nav, lime membership CTAs, mono ticker strips, split-axis layouts, tilted resource...
Open example
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.