PROJEKT.md beschreibt Datengrundlage, Gestaltungsverlauf, die Nano-Banana-
Prompts für Team-Porträts und Hero, die Vektorisierung des Logos, die
Körnungs-Varianten und offene Punkte vor dem Livegang.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- Hero: feine, dezente Körnung (Variante A)
- Team-Porträts, Galerie und Menü-Fotos: Film-Look ISO 800 mit leicht
farbigem Korn, etwas angehobenem Schwarz und leicht entsättigt (Variante B)
- Unbearbeitete Originale in design/original/, scripts/grain.py wendet den
Effekt reproduzierbar an; Vorschaubild und README aktualisiert
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- Schwarze Section mit fünf Fotos aus dem Salon (Haarschnitte und Momente)
- Desktop: Section bleibt stehen, die Bildreihe läuft beim Scrollen
seitlich durch, dazu ein Fortschrittsbalken
- Handy: horizontal wischen mit Einrasten, nächstes Bild lugt hervor
- Hover: Bild wird farbig und zoomt leicht; Menüpunkt "Galerie" ergänzt
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
Das volle Emblem ist in Tab-Größe nicht erkennbar; das Favicon zeigt jetzt
nur das Serifen-"A" aus dem vektorisierten Logo (weiß auf dunklem Grund,
1,5 KB statt 55 KB). Das App-Icon behält das komplette Emblem.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- favicon.svg aus dem vektorisierten Emblem (weiß auf dunklem Grund)
- favicon-32.png als Fallback, apple-touch-icon.png mit dem Emblem
- Icon-Links auf allen Seiten (Start, Impressum, Datenschutz)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- Profilbild mit potrace vektorisiert: src/assets/logo/emblem.svg (nur
Emblem, currentColor) und public/logo-profilbild.svg (quadratisch,
weiß auf dunklem Grund wie das Profilbild)
- "Sechs Profis. Ein Salon.": Foto der Logo-Wand durch das Logo ersetzt;
die Linien zeichnen sich beim Scrollen, danach folgt ein Lichtreflex
dem Mauszeiger (ohne Maus der Scroll-Position)
- Originalbild nach src/assets/logo verschoben, ungenutztes Foto und
ImageReveal entfernt, README ergänzt
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- Hero zeigt Amin mit Schere und Kamm am Kunden (Desktop 2000/1000 px,
eigener Hochformat-Ausschnitt fürs Handy per <picture>)
- Headline und Button auf Desktop unten links, damit Gesichter, Schere
und Kamm frei bleiben; auf dem Handy weiterhin zentriert
- Oben stärker abgedunkelt: Navigation (mix-blend-difference) auf dem
hellen Studiohintergrund jetzt mit ca. 6:1 statt 2:1 Kontrast
- Menü: "Preise" zeigt ein Detail (Hände, Schere, Kamm), "Team" ein
3 × 2 Raster aller Porträts
- Nicht mehr genutzte Fotos entfernt, Vorschaubild (og.jpg) und README
aktualisiert
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- Amin bekommt ein Studio-Porträt im gleichen Stil wie das restliche Team
(Team-Liste, Preis-Thumbnails) statt des Wandlogos
- Footer-Fotoraster zeigt jetzt alle sechs Personen
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- Neue Studio-Porträts für Atena, Ahmad, Ali, Younes und Mo (gleicher
Hintergrund, gleiches Licht, schwarzes Shirt) statt der gemischten
Originalfotos
- Zusätzlich quadratische Thumbnails (320 px) für Fotoraster und
Preis-Thumbnails, damit dort keine großen Bilder geladen werden
- Team-Liste: Bildausschnitt auf Kopf und Schultern ausgerichtet,
neutraler Hintergrund hinter den Porträts
- README: Hinweise zu den Porträts und zum fehlenden Foto von Amin
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- Hell mit feinen Rasterlinien, breite Versal-Headlines (Archivo Expanded),
kleine Serifen-Labels, eckige Buttons mit Füll-/Text-Roll-Hover
- Hero: Foto aus dem Salon statt animiertem Hintergrund, eine Headline,
ein Button; "Termin buchen" oben rechts nur noch als Textlink
- Chrom-Wortmarke, Seidenhintergrund, Laufband, Kreis-Badge, großer
Schluss-CTA und mobile Buchungsleiste entfernt; deutlich weniger Text
- Neue interaktive Elemente: Menü-Overlay mit Bildwechsel pro Link,
Team als Namensliste mit Porträt-Wisch-Übergang, Preise als Akkordeon
mit Team-Thumbnails, Footer mit Fotoraster zwischen den Wörtern
- Bilder aus den echten Salon-Fotos (Logo-Wand), neues Favicon/OG-Bild
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
- SilkBackground: beim Aufräumen nur Programm/Buffer löschen statt den
WebGL-Kontext zu verwerfen. React Strict Mode mountet im Dev-Modus
zweimal, der zweite Mount bekam sonst einen verlorenen Kontext und der
Hintergrund blieb leer. Kontextverlust/-wiederherstellung wird jetzt
behandelt.
- useFitText: nur auf Breitenänderungen reagieren und die Anpassung in den
nächsten Frame verschieben, damit keine "ResizeObserver loop"-Fehler
entstehen.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
One-Pager mit Vite, React, Tailwind und Motion: WebGL-Seidenhintergrund,
Chrom-Wortmarke, Scroll-Laufband, Preisliste mit Direktbuchung pro Leistung
(Setmore-Deep-Links), Team-Raster mit Farb-Spotlight, Öffnungszeiten mit
Live-Status sowie Impressum und Datenschutz. Logo ist ein Platzhalter.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
knso
Claude