Gleiche Tokens. Gleiche Komponenten. Sechs eigenständige Charaktere. Die Hero-Bereiche der Startseiten nebeneinander für die Entscheidungshilfe.
Magazinhaft, ruhig, großzügig. Headlines bis zu 88px, alles aufgeräumt mit viel Atem. Cards lösen sich auf — Trennung entsteht durch Whitespace statt durch Linien. Akzent-Cyan nur als feines Detail.
Plakativ, hoher Kontrast, aktivierend. Hero und Page-Header voll-bleed in Navy mit Cyan-Akzenten. Alternierende dunkle Sektionen, extra-bold Headlines, kantige Cards mit kräftigen Borders.
Stark reduziert, technische Präzision. Keine Shadows, keine Tints, nur Hairline-Borders. Headlines in Light-Italic statt fett, Mono-Stenografie auf Overlines und Stats. Akzent ausschließlich auf Links und Status.
Informationsdicht und kompakt, Dashboard-Anmutung. Hero kompakt mit Body-14px, alle Stats und Features in 4-6 Spalten, Header auf 52px geschrumpft. Mehr Inhalt pro Bildschirm, weniger Scrollen.
Refined und gehoben. Großzügige Buchstabenabstände, viel Whitespace, Light-Italic-Display, dezente Akzentfarben. Eleganz im Detail, ruhige Hierarchie. Centered Hero auf ivory-warmer Bühne — kein Cyan-Plakat, sondern Hairlines und Atemraum.
Schematisch und diagrammlastig — wie hochwertige Produkt-Doku. Grid-Background, Monospace-Akzente in Labels und Stats, Coordinate-Marker auf Sektionen, Cards mit Figure-Captions („FIG.01"), Eyebrow als Code-Bracket. Cyan ist die technische Highlight-Farbe.
| Aspekt | Editorial | Bold | Minimal | Dense | Premium | Technical |
|---|---|---|---|---|---|---|
| Hero-Charakter | Asymmetrisch, 88px Display | Voll-bleed Navy, 96px Black | Zentriert, 60px mit Italic-Akzent | Kompakt, 42px max | Centered, 72px Light-Italic | Schematisch, dashed Highlight |
| Section-Padding | 144px y-Padding | 96px, alternierend dark | 80px, neutral | 56px, eng | 128px, ivory | 72px, mit Grid-Background |
| Card-Bord. / Radius | Borderless / 0 | 2px / 0 | 1px / 4–6px | 1px / 6px | 0.5px hairline / 0 | 1px / 4px + Caption |
| Akzent-Cyan | Sehr dezent | Flächig, plakativ | Nur Status & Focus | Standard-Einsatz | Cyan-700 als Italic-Wort | Cyan als technische Highlights |
| Feature-Grid | 3-spaltig, viel gap | 3-spaltig, Accent-Stripe | 3-spaltig, kleine Icons | 4-spaltig, kompakt | 3-spaltig, Hairline-Trennung | 3-spaltig, nummeriert + Corner-Cut |
| Body-Größe | 17px | 15–16px | 14px | 14px | 16px Sans, 19px Italic Lead | 14px Sans, Mono auf Labels |
| Schrift-Charakter | Light–Bold, viel Atem | Bold–Black | Regular–SemiBold + Mono | Medium–Bold, eng | Light 300 + Italic durchgehend | SemiBold + Mono-Layer auf allem |