Design System

Styleguide & Design-Philosophie

Die visuelle Grundlage dieser Website: reduziert, kontrastreich und modular. Jede Komponente folgt klaren Regeln für Lesbarkeit, Fokus und Wiederverwendung.

Haltung

Minimalismus mit Charakter. Wenige Elemente, klare Prioritäten, kein visuelles Rauschen.

UX-Prinzip

Kurze Wege zu den wichtigsten Zielen: Projekte, Links, Kontakt und Rechtstexte.

Komponenten-System

Wiederverwendbare Bausteine wie Hero, Cards, Panels und Legal-Bar statt Einzellösungen.

Motion

Zurückhaltende Reveal-Effekte und leichte Hover-Lifts für Orientierung statt Spielerei.

Farbpalette

Dunkle Oberflächen bilden den ruhigen Hintergrund. Ein warmer Akzentton steuert Fokus, Buttons und wichtige Interaktionspunkte.

Background Main
#050505

Background Surface
#0D0D0D

Text Main
#F3F3F3

Accent
#FF7A1A

Typografie

Headline Font

Space Grotesk

Klar. Direkt. Markant.

Body Font

DM Sans

Lesefreundlicher Fließtext mit klarer Hierarchie und ruhigem Grauwert.

Technische Design-Regeln

Responsive First, performante Assets, modulare CSS-Struktur und saubere Trennung von Inhalt, Struktur und Darstellung.