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 3 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: "Monument Mono Event Poster" description: "A typographic event-poster system built from white space, black monument type, mono navigation, and sharp vermilion interrupts." colors: primary: " 0A... --- version: alpha name: "Editorial...

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 jumpsLayoutEntry & Arrival Motion

Laracon 2026

Home

2026-02-05

--- version: "alpha" name: "Monument Mono Event Poster" description: "A typographic event-poster system built from white space, black monument type, mono navigation, and sharp vermilion interrupts." colors: primary: " 0A...

Open example

Titan

Home

2026-02-03

--- version: alpha name: "Editorial Advisor Ledger" description: "High-trust financial marketing system with ruled layouts, warm ivory chips, black CTAs, and engraved monochrome illustration." colors: primary: " 111111"...

  • Primary ( 111111): Main text and primary CTA fill.
  • Secondary ( F2EEE8): Warm ivory chip grouping and subtle surface emphasis.
Open example

Hurdle

Home

2026-02-01

--- version: "alpha" name: "Soft Launch Atelier" description: "A minimal founder-support system built from white space, black capsule CTAs, soft gray cards, and calm product proof." colors: primary: " 1A1A1A" secondary:...

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.