Internal Preview · Not Indexed

Design Direction

Drei Sub-Richtungen der Studio-Site-Welt. Klick rein, scroll runter, vergleich Hero + Section + Übergang. Eine wird die Basis für den kompletten Site-Rework.

Dunkel + Editorial Serif

A — Editorial Dark →

Fraunces Display, viel Whitespace, akzent-orange, scroll-getrieben aber zurückhaltend. Vibe: Cosmos/Akaru/Brutaf.

Typo: Fraunces + Inter

Hell + Brutalist

B — Brutalist Light →

Off-white Background, Archivo Black + Space Grotesk, schwarze Blöcke, harte Kanten, Marquee-Ticker. Vibe: Bracket/Mathieu Brunet.

Typo: Archivo Black + Space Grotesk + JetBrains Mono

Dunkel + WebGL/3D

C — WebGL Studio →

Pitch-black, Instrument Serif Italic, WebGL-Hero (animierte Distortion-Sphere mit Maus-Reaktion), Neon-Akzente lime/blue. Vibe: Active Theory/Resn.

Typo: Instrument Serif + Inter

So nutzt du das

  1. Klick alle drei durch — scroll runter bis zum CTA
  2. Schau auf: Wie fühlt sich der Hero an? Wie liest sich der Text? Wie wirken die Projekt-Tiles?
  3. Die WebGL-Variante (C) verlangt Maus — bewege sie über den Hero
  4. Sag mir welche Direction (A/B/C) — oder welche Mix-Elemente (z.B. "C-Hero + A-Typo")
  5. Dann baue ich die gewählte Direction über die komplette Site aus
← alle Direktionen