Gleap
Home
Use a white, editorial SaaS language: large serif headlines, compact black actions, pastel secondary CTAs, rounded product panels, and calm pricing cards.
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 5 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
Use a white, editorial SaaS language: large serif headlines, compact black actions, pastel secondary CTAs, rounded product panels, and calm pricing cards. This design language is for onchain finance products that need to feel direct, technical, and high-energy...
Recurring System Signals
- Build a campaign shell that feels like an editorial poster system translated into the web.
- Use sharp contrast, oversized type, and loud color interrupts to create argument and momentum.
- Let motion guide chapter transitions, but keep the message readable at every stop.
- Favor documentary imagery, collage, or stark graphic moments over polished commercial stock.
- Use stickers, labels, and cut-paper treatments only when they feel like part of the argument.
- Motion libraries detected in capture: gsap, ScrollTrigger, Lenis. Treat them as sequence scaffolding rather than decoration.
Related Keywords
OverviewColorsTypographyLayoutImage DirectionEntry & Arrival MotionKeep proof and action modules simple and groundedUse clean device mockups and health-oriented app close-upsKeep product imagery crisp and centeredTertiary ( FA651E): Rare annotation or proof accentPrimary ( 040404): the dominant black fieldDisplay: large and calm, never ornamental
2026-02-22
Unichain
Home
This design language is for onchain finance products that need to feel direct, technical, and high-energy. It uses a saturated magenta stage, visible grid structure, oversized white or magenta headlines, dark plum pill a...
Open exampleUFO Timeline
Home
This design language is for dense research archives and event chronologies. It uses a grainy charcoal shell, huge white entry headlines, bright category counters, a horizontal year ruler, a vertical event timeline, and a...
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.