The Index.
Dunkle Bühne. Klare Haltung.
Eine visuelle Sprache für fw.io.
Die Marke
Wortmarke
Space Grotesk Medium. Immer kleingeschrieben, nie gesperrt oder verzerrt.
Freiraum
Mindestens eine Punktbreite auf allen Seiten. Wortmarke ab 80 px, Signet ab 24 px.
Signalpunkt
Lime auf Ink. Electric Blue auf Ivory. Ein Akzent – keine Effekte, keine Verläufe.
Farbe mit Funktion
Ink
Ivory
Electric Blue
Signal Lime
Ink trägt die Seite, Ivory die Information. Lime bleibt selten: ein Punkt, ein Fokus, eine Entscheidung.
Lime auf Ink
Ivory auf Ink
Details & Hilfstexte
Typografie trägt
Medium 500 · Headlines & Marke
Präzise. Nicht leise.
Regular 400 · Fließtext
Eine gute Website braucht Klarheit. In der Idee, in der Gestaltung und in jedem einzelnen Detail. Weniger Dekoration. Mehr Richtung.
Regular 400 · Indizes & Metadaten
01 / SELECTED WORK
FW.IO — DIGITAL DESIGN / 2026
160 / 152 px
Mobile 66 / 63
48 / 50 px
Mobile 36 / 38
16 / 26 px
Mobile 16 / 26
11 / 18 px
Mobile 11 / 18
Websites. Aber richtig._
Ordnung. Mit Spielraum.
12 → 4 Spalten
Desktop / Mobile48 → 20 px
Außenabstand4 · 8 · 16 · 24 · 48 · 64
AbstandsrhythmusMaximal 1440 px. Inhalte sind linksbündig. Linien verbinden die Abschnitte. Große Typografie bricht das Raster bewusst – nie die Lesbarkeit.
Die Elemente
Interaktives Muster / keine Projektanfrage
Lucide / 20 px / 1.5 px Strichstärke
Bitte eine vollständige E-Mail-Adresse eingeben.
Substanz statt Dekoration
Klar. Grafisch. Echt.
Klare Geometrie, bewusste Ausschnitte, sichtbare Materialien. Bilder bringen Substanz in die typografische Bühne.
- Harte Kontraste statt Farbfilter
- Echte Arbeit statt Stock-Versprechen
- Große Flächen statt dekorativer Collagen
Keine erfundenen Kunden oder Ergebnisse.
Bewegung mit Absicht
200 ms
Interaktion700 ms
Typo-RevealKurze Übergänge, klare Rückmeldung. Keine Endlosschleifen. Bei reduzierter Bewegung bleiben alle Inhalte ohne Animation zugänglich.