Browse all DESIGN.md examples

Color Systems

Browse DESIGN.md examples where palette systems, semantic tokens, and color logic are described as reusable design infrastructure.

151 curated examples24 per pagePage 6 of 7

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: "Vibeflow Design Language" description: "A low-fi editorial studio system that leans on mono type, sparse red emphasis, and deliberate page emptiness." colors: primary: " F25B5B" secondary: " 161... --- version: "alpha" name: "Acid Pri...

Recurring System Signals

  • Build for a studio site that is intentionally sparse, textual, and a little raw.
  • Let mono typography and white space do most of the aesthetic work.
  • Keep the page feeling deliberate, not unfinished. The low-fi quality should read as taste, not as omission.
  • Use one framed browser or portfolio window as the main proof object.
  • Keep supporting imagery minimal and mostly structural.
  • Treat logos, testimonials, and service text as editorial content rather than as decorative marketing modules.

Related Keywords

OverviewImage DirectionColorsTypographyKeep supporting imagery minimal and mostly structuralPrimary ( 000000): Main text and iconographyUse one sans family throughoutKeep body copy calm and evenly spacedPrimary ( 111111): headline, body, and rule colorSecondary ( F1F1ED): muted module surfaceTertiary ( BEBEB7): diagram and utility support colorDisplay: oversized and poster-like

VibeFlow

Home

2026-04-30

--- version: alpha name: "Vibeflow Design Language" description: "A low-fi editorial studio system that leans on mono type, sparse red emphasis, and deliberate page emptiness." colors: primary: " F25B5B" secondary: " 161...

  • Build for a studio site that is intentionally sparse, textual, and a little raw.
  • Let mono typography and white space do most of the aesthetic work.
Open example

Payy

Home

2026-02-10

--- version: "alpha" name: "Acid Privacy Ledger" description: "A privacy-finance marketing system built from warm paper space, deep navy product surfaces, acid-lime action signals, and large editorial serif headlines." c...

Open example

Fey

Home

2026-02-07

--- version: "alpha" name: "Obsidian Analyst Glass" description: "A premium investing-product system built from near-black surfaces, silver-to-white type gradients, translucent glass pills, and dense terminal-like produc...

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.