Kostenloses Erstgespräch buchen

Kassel · Webdesign & Entwicklung für Unternehmen in ganz Deutschland

web@skrstudios.de

03 / 06 · Architektur / Bau

FORM / STUDIO

Brutalistisches Schwarz-Weiß für ein Architekturbüro – Riesen-Headlines, harte Raster und Projekte als Liste.

Fiktive Designstudie – keine Kundenreferenz
[ Typografie ] Space Grotesk 500[ Palette ] Monochrom[ Interaktion ] Projektindex mit Hover-Zuständen und Demo-Dialog
Interaktive Website öffnen
Branche
Architektur / Bau
Charakter
Brutalist · Monochrom · Raster
Interaktion
Projektindex mit Hover-Zuständen und Demo-Dialog
Status
Fiktive Designstudie – keine Kundenreferenz

Die Idee hinter FORM / STUDIO

Branchenkontext

Architekturbüros werden an ihrer Haltung gemessen. Eine generische Website widerspricht genau dem, was sie verkaufen: durchdachten Raum.

Designidee

Typografie als Architektur: Die Headline läuft über die volle Breite, Zeilen werden wie Bauteile gegeneinander versetzt. Bilder erscheinen in Graustufen und gewinnen erst beim Hover Farbe – wie ein Entwurf, der Realität wird.

Die Studie

FORM / STUDIO reduziert die Gestaltung auf Raster, Graustufen und eine Typografie, die selbst wie gebaut wirkt. Die Seite ist ein Statement – präzise, kompromisslos, ruhig.

Desktop & Mobil

Zwei eigenständige Kompositionen – das Smartphone ist keine verkleinerte Desktop-Seite.

Highlights

  1. 01

    Riesen-Headline bis 235 px

    „SPACE MATTERS.“ – zwei Zeilen, gegenläufig ausgerichtet, gesetzt in Space Grotesk mit extremem Tracking.

  2. 02

    Graustufen mit Hover-Farbe

    Projektbilder bleiben monochrom, bis der Besucher Interesse zeigt. Interaktion wird zur Erzählung.

  3. 03

    Projekte als Index

    Nummer, Titel, Kategorie, Bild – eine strenge Liste statt beliebiger Kacheln.

Gestaltungssystem

SPACE MATTERS.

Display
Space Grotesk 500
Text
Space Grotesk 400
  • Beton#EEEDE8
  • Kies#B9B8B2
  • Graphit#181A18
  • Schwarz#161616

Live erkunden

Nicht nur ansehen.
Durchklicken.

Die vollständige Website mit Navigation, Projektindex mit Hover-Zuständen und Demo-Dialog und mobilem Menü – so, wie Besucher sie erleben würden.

Interaktive Website öffnen

Your next websitestarts here.

Erzählen Sie uns von Ihrem Unternehmen. Im kostenlosen Erstgespräch klären wir, was Ihre Website leisten soll – und wie wir dorthin kommen.

Termine stimmen wir aktuell persönlich mit Ihnen ab – über das Kontaktformular.