Comparison set

Kommza V7 — 6 prototype directions

Один и тот же копи Kommza V6, упакованный в 6 разных design-DNA из VoltAgent/awesome-design-md. Coral #F97316 сохранён везде как primary CTA. Меняется bg, type, radius, spacing, layout-rhythm, decoration.

Source: github.com/VoltAgent/awesome-design-md · spec: github.com/google-labs-code/design.md (Apache 2.0)

01 / Mastercard

Editorial cream + circular portraits

Warm cream canvas #F3F0EE, circular feature portraits с satellite-CTAs, ghost watermark headlines, ink-black footer. Соответствует текущей Kommza-эстетике на 80% — самый прямой fit.

cream · pill 20/40/999 · -2% tracking Open
02 / Airbnb

Pill-search hero + soft white cards

White canvas, pill-shaped search-bar в hero, soft-rounded property-style cards (14px), большие фото-сцены. Friendly consumer marketplace tone — самый "потребительский" вариант.

white · pill 14/full · soft photo Open
03 / Cal.com

Product UI fragments + dark navy foot

White canvas, Cal Sans-style display 64px tight tracking, product UI mockups встроены прямо в feature cards, тёмный navy footer закрывает scroll. Closest продуктовый сосед.

white + dark · 12px cards · UI-in-cards Open
04 / Linear

Pitch-black engineering canvas

Near-black #010102 canvas, light gray text, charcoal panels с hairline-borders, dense product UI screenshots. Coral вместо lavender как accent. Premium-craft signal.

dark · charcoal panels · craft tone Open
05 / Notion

Navy hero band + pastel feature cards

Глубокий navy hero #0a1530, warm beige body, pastel-tinted feature cards (peach, mint, sky, lavender), illustrative dots/lines. Friendly workspace tone.

navy hero + beige body · pastel cards Open
06 / Apple V8 FINALIST

Cinematic room mockup + LIVE bar + asymmetric trust

V8: enhanced room mock (avatars + mic indicators + screen-share badge + meeting controls bar), LIVE timer · 5 участников, coral переведён на #E05A2B (WCAG AA 4.8:1), убран action-blue, mobile-first stack на 480px (2×3 → 1×stack).

category-clarity · WCAG fixed · mobile Open
07 / Vercel

Shadow-as-border + terminal voice

Pure white + #171717 ink. Geist-style tight tracking (-2.4px). Shadow-as-border (`box-shadow 0px 0px 0px 1px`). Pill badges 9999px. JetBrains Mono code-blocks вместо стандартного UI.

white · 6px · mono · ring-shadow Open
08 / Stripe

Gradient mesh + weight-200 elegance

Radial mesh hero (coral + magenta + indigo), Inter weight 200/300 для display. Tabular figures (500+, 0 ₽). Cream band с pillar feature. Premium fintech sophistication.

mesh · weight 200 · tnum · cream band Open
09 / Sanity

112px display + IBM Plex Mono labels

Pitch-black `#0b0b0b` + Space Grotesk 112px hero -4.48px tracking. IBM Plex Mono uppercase eyebrows ("— meeting infrastructure / v7"). Pill CTA. Inverted light band посередине.

black · 112px display · ibm plex mono Open