Umsetzung der Handoff-Komponente Decor (flat decorative layer). Selbst gezeichnete
SVG-Kachel als CSS-Maske, Farbe pro Fläche eine Stufe dunkler als der Grund.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Header einzeilig und sticky, aktiver Punkt als Akzentkante statt Pille
- Hero: Headline zuerst, Foto danach als gerahmtes Bild
- Headline so groß wie die Spalte erlaubt (45px statt 34px bei 375), Kontur dünner
- Abstände und Bilder gestrafft: Startseite 4936 -> 4260px
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sticker-Kontur wie die Wortmarke jetzt auch auf Blau und Coral, skaliert mit der
Schriftgröße (.1em). Blau/Coral dadurch wieder in den helleren Markenwerten.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- .trust span traf auch den Icon-Chip (selbst ein span): Icon rutschte aus dem Kreis
und war dunkel. Selektor auf die Unterzeile eingegrenzt.
- Gelbe Display-Schrift jetzt helles Markengelb mit dunkler Kontur wie im Logo statt
sun-600/700 (las als Braun). Kleine gelbe Texte und Links auf Ink umgestellt,
Icon-Chips im Verein hellgelb mit Ink-Icon.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- 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>
Umsetzung des Design-Handoffs als statisches HTML ohne Build-Schritt,
nach dem Hausmuster der übrigen ASX-Websites.
Seiten
- index.html Startseite (blaue Welt)
- hilfe-verein.html Hilfe Verein (gelbe Welt)
- shop.html Platzhalter, Online-Shop bewusst nicht gebaut
- impressum.html § 5 DDG
- datenschutz.html Art. 13 DSGVO
Design
- Farbe lebt in Flächen und Display-Typo, nie im Fließtext — dadurch
laufen alle drei Markenfarben, ohne die Hierarchie zu brechen.
- Ein gesättigtes Vollflächen-Band pro Seite gegen die Blässe der
reinen Pastellfassung.
- Alle fünf Seiten bestehen WCAG AA im Kontrast.
Mobil
- Header unter 640px zweizeilig, Navigation als Viererraster,
alle Touch-Ziele >= 44px (WCAG 2.5.5), Footer-Links >= 24px (2.5.8).
- Geprüft bei 320/375/390/640/768/1024/1440/1920 px.
Datenschutz
- Keine Cookies, kein Storage, keine Skripte, null Fremdanfragen.
Deshalb bewusst kein Einwilligungsbanner.
- Fredoka und Nunito selbst gehostet statt über Google Fonts
(LG München I, 3 O 17493/20).
Bilder
- Drei Pexels-Fotos, Lizenz geprüft, heruntergeladen und selbst gehostet.
- Bewusst keine Kinderfotos: Pexels gibt kein Model Release.
Offen: drei Angaben in den Rechtstexten, Foto Opa Martin, zwei Audiodateien.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
knso