Press Serif
Editorial-Buchästhetik, Serif-Display, Restraint.
P0=0 · MA=0 · Comp 22/25 · LH 0.80
Mockup
Was wurde geprüft? (bf-design Pipeline)
| Gate | Ergebnis |
|---|---|
| Verifier · P0 (Hard-Rules aus Brief) | 0 Verstöße · Profil mobile-app |
| Verifier · P1 (Soft-Rules) | 0 Hinweise |
| Mobile Asserts · P0 (Asset-Contract) | 0 fehlende/falsche Assets |
| Mobile Asserts · P1 | 0 Hinweise |
| Token-Lint · Color Literals | 1 hart codierte Farben |
| Token-Lint · Magic Numbers | 40 undokumentierte Werte |
| Token-Hoist · Auto-Promotion | 0 Farben → Token |
| Axe · A11y-Violations | 0 insgesamt, 0 kritisch |
| ClassA · WCAG-Kontrast | alle Paare bestanden (1 geprüft) |
| ClassA · Touch-Target ≥ 44pt | 0 Verstöße |
| ClassA · Reduced Motion | respektiert |
| Vision Score · Composite (max 25) | 22 (Ziel 22) |
| Vision · Information Density (1–5) | 4 |
| Vision · Visual Hierarchy (1–5) | 4 |
| Vision · Brand Coherence (1–5) | 5 |
| Vision · AI-Slop-Smell (1–5, höher = sauberer) | 5 |
| Vision · Mobile Realism (1–5) | 4 |
| Lighthouse · Performance | 0.80 (Ziel ≥ 0.90) |
| Lighthouse · Accessibility | 1 (Ziel ≥ 0.95) |
| Lighthouse · Best Practices | 0.96 (Ziel ≥ 0.90) |
| Bundle-Size | 1312 KB |
Vision-Critique-Zitat
Strong editorial DNA: serif headline mid-top with lilac ‘dabei’ accent, drop-cap ‘S’ paragraph, monochrome warm palette. Map mid-screen now has ‘STANDORT TEILEN’ chip and a coral FAB bottom-right, grounding touch. Tab-bar bottom reads native. Buddy card peeks below map with avatar+distance.
Farbpalette
bg
fg-primary
fg-secondary
fg-tertiary
surface
border
border-subtle
accent-warm
accent-cool
rule
Typografie
| Rolle | Wert |
|---|---|
| display | "GT Sectra", "Lyon Display", "PT Serif", Georgia, serif |
| display-weight | 500 |
| display-tracking | -0.01em |
| display-leading | 1.04 |
| body | "GT America", "Inter Tight", -apple-system, system-ui, sans-serif |
| body-weight | 400 |
| body-leading | 1.5 |
| small-caps | "GT America", system-ui, sans-serif |
| mono | "GT America Mono", "JetBrains Mono", monospace |
Spacing
| Step | Wert |
|---|---|
| step-0 | 4px |
| step-1 | 8px |
| step-2 | 16px |
| step-3 | 24px |
| step-4 | 40px |
| step-5 | 64px |
| step-6 | 104px |
Radius
| Element | Wert |
|---|---|
| all | 0px |
| minimal | 2px |
Schatten
| Tier | Wert |
|---|---|
| rule-thin | inset 0 -1px 0 #1a1a1a |
| rule-thick | inset 0 -3px 0 #1a1a1a |
| no-shadow | none |
Charakteristische Patterns
- 1px hairline rules instead of cards
- drop-cap on opening paragraph (4-line, accent-warm)
- small-caps tracking-wider on metadata
- asymmetric two-column grid (1fr 2fr)
- page-number footer (mono, tracking-widest)
Anti-Patterns dieser Direktion
- rounded corners anywhere
- drop shadows or elevation
- card-based layout (use rules + whitespace instead)
- Inter as display (must be a serif: GT Sectra family)
- any gradient — flat color only