ZUNDER — Craft-Cocktailbar & Speakeasy (Wildcard-Demo)

Konzept: “Wo der Funke überspringt.” Eine dunkle, kinoreife Speakeasy-/Cocktailbar. Layer A: gpt-taste (cinematic, scroll-getrieben, AIDA, massive Spacing). Premium-Nightlife.

1. Tokens — Farben

• ink #0E0B09 (warmes Fast-Schwarz, Seitengrund)
• surface #17120E (Espresso, Sektionen)
• surface-2 #1F1813 (Karten)
• ember #E2531F (Akzent primär — Funke/Zunder; CTAs, Hairlines, Hover)
• gold #C9A24B (Messing — Zahlen, feine Linien, Garnitur-Icons)
• bone #F2E9DC (warmer Off-White-Text)
• muted #A1907E (Taupe, Sekundärtext)
• line rgba(242,233,220,.12)

2. Typografie

• Display: Fraunces (Serif, charaktervoll) — Headlines, clamp(2.6rem,8vw,6.5rem), leading .92
• Body: Inter — 16–18px, leading-relaxed, muted/bone
• Mono-Label: JetBrains Mono — Eyebrows/Smallcaps, tracking .22em, ember/gold
• Script: Caveat — handschriftliche Akzente (“seit 2019”, “auf Eis”) Accepted debt: gpt-taste empfiehlt Satoshi/Geist; wir bleiben bei installierten @fontsource-Fonts (Fraunces/Inter/JetBrains/Caveat) für Build-Stabilität.

3. Spacing/Motion

• Sektionen py-28 md:py-40 (kinematische Kapitel, viel Luft)
• GSAP: line-mask Hero-Reveal, Parallax-BG, Scrub-Text-Reveal (Manifest), reveal-batch, magnetische CTA, Zähler, Spirits-Marquee, Hover-scale-105 in overflow-hidden, Ember-Glow-Puls (CSS)
• Nur transform/opacity/filter. prefers-reduced-motion respektiert (global.css).

4. Bildsprache

Duotone: grayscale-Basis + ember/gold-Gradient (multiply/overlay) -> alles liest als warmes Bar-Licht. Bilder lokal in /demos/wild/. Hero = designter Dunkel-Verlauf + Grain + Ember-Radial-Glow + Bild bei niedriger Deckkraft.

5. Sektionen (AIDA)

Nav (glass pill) · Hero (Attention) · Manifest (Scrub) · Stats (Zähler) · Signature Drinks (Bento-Menu, gapless) · Die Bar (Editorial-Split + Duotone-Galerie) · Events · Karte (typografische Tafel) · Stimme · Reservierung+Finden (Action, Maps) · Footer.

6. Bans (gpt-taste)

Keine Emojis als Icons (SVG/Caveat erlaubt), keine “SECTION 01”-Labels, keine 6-Zeilen-H1, keine unsichtbaren Button-Texte, keine leeren Bento-Zellen (grid-flow-dense).