AutoSend
Home
This design language combines an editorial white landing page with developer-grade controls. The core feeling is direct and technical without becoming cold: huge soft serif headlines, monospaced navigation, violet CTAs,...
Open exampleComponent Rules
Browse DESIGN.md examples that make component rules explicit through buttons, navigation, cards, variants, and state definitions.
161 curated examples24 per pagePage 1 of 7
What To Review
Compare how teams define reusable components, state logic, emphasis levels, and naming conventions so implementation becomes less ambiguous.
What To Compare
Look for state coverage, component naming clarity, variant strategy, interaction rules, and whether the system is strong enough to support repeated UI work without ad hoc decisions.
Design Analysis
Common component rules signals
This design language combines an editorial white landing page with developer-grade controls. The core feeling is direct and technical without becoming cold: huge soft serif headlines, monospaced navigation, violet CTAs,... Build a calm, human-first marketing s...
Recurring System Signals
- Build a calm, human-first marketing surface with warm paper neutrals and generous negative space.
- Lead with portraits, soft product proof, and conversational trust cues instead of dense feature chrome.
- Let the orange CTA work as the one clear pulse of urgency inside an otherwise quiet system.
- Use original portrait photography or portrait-like renderings with warm, matte grading.
- Favor mixed oval, rounded, or softly cropped frames over rigid rectangles.
- Keep one person or one conversational focal point per module.
Related Keywords
OverviewColorsTypographyLayoutImage DirectionDisplay: rounded, friendly, and tightly trackedBody: concise and direct, without startup-corporate stiffnessPrimary ( 002B31): the main authority-setting stageSecondary ( F6F7F4): light surface and high-legibility textDisplay: very large, low-drama weight, and tightly trackedBody: precise and calm, never salesyLabels: compact and neutral, supporting navigation and metadata
2026-04-24
Delphi
Home
Build a calm, human-first marketing surface with warm paper neutrals and generous negative space. Lead with portraits, soft product proof, and conversational trust cues instead of dense feature chrome. Let the orange CTA...
- Build a calm, human-first marketing surface with warm paper neutrals and generous negative space.
- Lead with portraits, soft product proof, and conversational trust cues instead of dense feature chrome.
Hex
Home
Build this system as a calm paper field with strong editorial punctuation. The key move is contrast: oversized italic display language floats above dense, believable product windows. The page should feel exact and techni...
Open example
Component Rules FAQ
What should I study on this page?
Compare how teams define reusable components, state logic, emphasis levels, and naming conventions so implementation becomes less ambiguous.
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.