Opa Martins Foto, kräftigere Farben, Bugfixes
- Foto von Opa Martin eingesetzt (assets/opa-martin.jpg, 4:5) - Pastelle eine Stufe kräftiger (sun-200, sky-100, coral-100), Icon-Chips im Vollton, Hero-Weißschleier auf kurze Kante gekürzt, Header deckend - Kontraste auf den neuen Gründen neu gerechnet, Display-Typo dort dunklere Stufe - E-Mail bricht auf dem Handy nach dem @ statt mitten in gmail.com - Trust-Icons im Verein-Hero waren auf gleichfarbigem Grund unsichtbar - Footer 'Über uns' springt zur Geschichte statt auf die Startseite Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
4a2c4a2d02
commit
2defdc9856
9 files changed
+100
-48
No files matched your search
@@ -28,7 +28,9 @@ neuer Hand. Dazu der **Hilfe Verein** („Hilfe. Herz. Hoffnung."), **noch nicht
|
||||
eingetragen** — deshalb keine Spendenstufen, kein Zahlungsformular, kein
|
||||
Mitgliedschafts-Flow. Drei Hilfearten, genau wie vom Kunden benannt: Geldspenden,
|
||||
ehrenamtliche Helfer, Weitersagen. Kontakt nur über `tel:` und `mailto:`.
|
||||
**Opa Martin** ist der Inhaber; Bild und Name, kein Bildtext — Kundenvorgabe.
|
||||
**Opa Martin** ist der Inhaber; Bild und Name, kein Bildtext — Kundenvorgabe. Foto seit
|
||||
2026-09-24 in `assets/opa-martin.jpg`, 4:5 zugeschnitten, gleich behandelt wie das Story-Bild
|
||||
(gekippt, weiß gerahmt).
|
||||
Der Online-Shop ist bewusst geparkt. Tonalität: **Du-Form**, Satzkleinschreibung, keine Emoji.
|
||||
|
||||
## Drei Abweichungen vom Handoff
|
||||
@@ -80,6 +82,35 @@ Coral bleibt unverändert **ausschließlich** Handlungsfarbe der primären Butto
|
||||
Eine bewusste Ausnahme: das Band *„Wo alles angefangen hat"* auf der Vereinsseite steht im
|
||||
Blau der Shop-Welt. Es verweist auf den Laden; die Tönung markiert den Themenwechsel.
|
||||
|
||||
### 1b. Kräftigere Tönungen (2026-09-24)
|
||||
|
||||
Zweite Rückmeldung des Auftraggebers: die Farben wirken **„zu transparent"**. Gemessen
|
||||
lag das an drei Stellen: den 50/100-Pastellen (`--sky-50`, `--sun-100`, `--coral-50`)
|
||||
mit Leuchtdichte nahe Weiß, dem halbtransparenten Weißschleier im Hero, der bis 820px
|
||||
über dem Foto lag, und dem durchscheinenden Header (`rgba(255,255,255,.92)`).
|
||||
|
||||
Begründung aus derselben Referenz: [`emmas-schatzkiste-ds.md`](../design-references/entries/emmas-schatzkiste-ds.md)
|
||||
hält bereits fest, dass *Pastell allein in dieser Familie nicht trägt*. Das wird jetzt
|
||||
eine Stufe weiter gezogen, ohne neue Farbfamilie:
|
||||
|
||||
| Rolle | vorher | jetzt |
|
||||
|---|---|---|
|
||||
| Creme-Flächen, Footer, Verein-Hero | `--sun-100` `#FDF4DC` | `--sun-200` `#FBE3A0` (neu) |
|
||||
| Blaue Flächen, Shop-Hero | `--sky-50` / Weiß | `--sky-100` `#CFE6F8` |
|
||||
| Rosa Kachel | `--coral-50` | `--coral-100` `#FFD8CE` (neu) |
|
||||
| Icon-Chips | Pastell mit farbigem Icon | Vollton `--accent`, weißes Icon (3.86 / 3.92) |
|
||||
| Hero-Verlauf | Weiß bis 430px, Schleier bis 820px | Fläche bis zur Textspalte, 90px Kante |
|
||||
| Header | 92 % Weiß mit Blur | deckend Weiß |
|
||||
|
||||
Die Kacheln im gelben Band der Vereinsseite tragen jetzt ihre Tönung (rosa, blau, gelb)
|
||||
statt einheitlich Weiß.
|
||||
|
||||
**Kontrast neu gerechnet.** Auf den kräftigeren Gründen fallen die hellen Buntwerte auf
|
||||
~3.0–3.1. Deshalb stehen H1-Zeilen, Band-Überschriften und der Name unter dem Porträt dort
|
||||
in der dunkleren Stufe derselben Familie: auf `--sun-200` `--sky-600` 4.43 · `--sun-700`
|
||||
4.11 · `--coral-600` 3.93; auf `--sky-100` 4.35 · 4.04 · 3.87. Fließtext auf getöntem Grund
|
||||
ist `--ink-700` (≥ 11.0).
|
||||
|
||||
### 2. Kontrast
|
||||
|
||||
Guardrail: *„Graue Schrift auf farbigem Grund."* Gemessen statt geschätzt:
|
||||
|
||||
Reference in new issue
Block a user