Design Generation Lab

← Alle Runs

frontend-design Skill

Fertig

Claude Code mit dem built-in frontend-design Skill aus Superpowers.

landing-v2 HTML 2026-03-10 ⌀ –
Screenshot frontend-design-landing-v2
Ergebnis live ansehen →

Bewertung

Prompt-Treue Noch nicht bewertet
Code-Qualität Noch nicht bewertet
Visuelles Ergebnis Noch nicht bewertet
Produktionsnähe Noch nicht bewertet
Workflow Noch nicht bewertet

Metadaten

Tool (intern)
frontend-design
Output-Typ
html
Ergebnis-Ordner
results/frontend-design-landing-v2/

Notizen

Designrichtung: Editorial Warmth — Mischung aus Magazine Editorial (Richtung A) und Warm/Luxus (C+D). Farbpalette: Warm Near-Black (#181412), Cream (#f2ece4), Terracotta-Akzent (#c8553d), Gold (#d4a24e). Fonts: Cormorant Garamond (Headlines), Crimson Pro (Body), JetBrains Mono (Labels/Meta). Layout: Asymmetrische Feature-Sektionen mit abwechselnder Bild-Text-Anordnung, diagonale Clip-Paths auf Feature-Bildern, große dekorative Sektionsnummern (01–04). Scroll-Reveal-Animationen via IntersectionObserver. Subtiler Parallax auf Hero-Bild. Noise-Texture-Overlay für analoge Haptik. Mobile-responsive bis 375px. Alle bereitgestellten Bilder verwendet inkl. Bio_BN.webp als dekoratives Element im About-Bereich.

Ergebnis

TODO: Beschreibung des Outputs

Probleme / Auffälligkeiten

TODO: Was lief gut, was nicht?