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.

27 curated examples24 per pagePage 2 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: Soft Commerce Studio description: A soft e-commerce studio design language with pale gray section cards, rounded navigation, dashed portfolio frames, restrained CTAs, brand-logo chips, and editor... --- version: alpha name: Cream Tacti...

Recurring System Signals

    Related Keywords

    OverviewColorsTypographyLayout

    Same Same Studio

    Home

    2026-03-31

    --- version: alpha name: Soft Commerce Studio description: A soft e-commerce studio design language with pale gray section cards, rounded navigation, dashed portfolio frames, restrained CTAs, brand-logo chips, and editor...

    Open example

    Klack

    Home

    2026-02-22

    --- version: alpha name: Cream Tactile Utility description: A warm Mac utility design language with cream canvas, huge bold system type, dark rounded download buttons, purple highlight marks, tactile app mockups, and lar...

    Open example

    Bud - Your AI Worker

    Home

    2026-04-23

    --- version: alpha name: Quiet Agent Workspace description: A sparse white AI workspace with a persistent icon rail, centered task surfaces, soft nested panels, compact pill controls, and tiny warm or green signals. colo...

    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.