Sperrung der Kartentitel: neuer Token --ls-heading statt --ls-caps
--ls-caps (0.08em) war zu viel: bei 34px sind das 2,7px und die Überschriften wirkten auseinandergezogen. Gewollt war ein Hauch Luft, etwa 0,4px (Felix). Dafür gibt es keinen Token, und rohe Werte verbietet die Token-Disziplin — also --ls-heading: 0.012em, was bei 34px genau 0,408px ergibt (nachgemessen). Der Fall trifft jede Coolvetica-Überschrift in h3-Größe, nicht nur diese Karten: der Schnitt ist condensed, bei 60px trägt er ohne Sperrung, bei 34px kleben die Versalien. --ls-caps bleibt für kleine Labels, wofür es gedacht ist. Klarstellung zum vorigen Commit: die Titel waren und bleiben Coolvetica. Der Verweis auf Abel in meiner Begründung war ein Zitat der CLAUDE.md-Regel für kleine Auszeichnungen, keine Änderung an der Schriftart. CLAUDE.md entsprechend berichtigt, inklusive der Warnung, hier nicht --ls-caps zu nehmen. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7
This commit is contained in:
10
CLAUDE.md
10
CLAUDE.md
@@ -279,10 +279,12 @@ nicht durchgezogen.
|
||||
darunter unleserlich (mehrfach bestätigt: Footer-Headings, Timeline-Nav). Für kleinere Auszeichnungen
|
||||
Abel verwenden, ggf. mit `letter-spacing` + uppercase. `base.css` setzt das durch: `h1`–`h3` tragen
|
||||
Coolvetica, **`h4`–`h6` laufen über `--ff-body` + uppercase + `--ls-caps`**.
|
||||
- **Coolvetica unter ~40px braucht `letter-spacing: var(--ls-caps)`.** Der Schnitt ist condensed: bei
|
||||
60px (Abschnitts-h2) trägt er ohne Sperrung, bei 34px in einer schmalen Spalte kleben die Versalien
|
||||
aneinander und der Titel wird schwer lesbar (aufgefallen an den Beitragskarten, 31.07.2026). Die
|
||||
globalen `h1`–`h3` stehen bewusst auf `letter-spacing: normal` — gesperrt wird pro Komponente.
|
||||
- **Coolvetica unter ~40px braucht `letter-spacing: var(--ls-heading)`** (0.012em, also 0,4px bei
|
||||
34px). Der Schnitt ist condensed: bei 60px (Abschnitts-h2) trägt er ohne Sperrung, bei 34px in einer
|
||||
schmalen Spalte kleben die Versalien und der Titel wird schwer lesbar (aufgefallen an den
|
||||
Beitragskarten, 31.07.2026). **Nicht `--ls-caps` (0.08em) nehmen** — das ist für kleine Labels
|
||||
gedacht und lässt eine Überschrift auseinandergezogen wirken. Die globalen `h1`–`h3` stehen
|
||||
bewusst auf `letter-spacing: normal`, gesperrt wird pro Komponente.
|
||||
- Rot nie für Fließtext auf dunklem Grund (Kontrast!) — nur als Button-/Akzent-Fläche mit weißem Text.
|
||||
**Gemessene Zahl dazu:** `#e20612` auf der Glas-Karte (`rgba(0 0 0 / 0.22)` über `#222`) erreicht
|
||||
**3,50:1** und verfehlt die 4,5:1 für Fließtext; Weiß liegt bei 17,22:1. Genau daran sind die
|
||||
|
||||
Reference in New Issue
Block a user