Zum Inhalt springen

BRANDFUSION

1. Juni 2025

Agentur-Website Redesign: Neon Minimalism

Die eigene Agentur-Website — von Grund auf neu gebaut mit Astro, Tailwind und einem kompromisslosen Designsystem.

So sieht's aus

brandfusion.ch — Desktop
Komplette Website-Ansicht von brandfusion.ch — Neon Minimalism
Komplette Website-Ansicht von brandfusion.ch — Neon Minimalism

Ausgangslage

Die alte BRANDFUSION-Website hat nicht gezeigt, was wir können. Standard-Template, generisches Design, keine eigene Stimme. Die Agentur, die Marken baut, hatte selbst keine richtige Marke. Das musste sich ändern.

Lösung

Neon Minimalism

Kein Template, kein Framework-Look — ein eigenes Designsystem von Grund auf:

  • Dunkle Basis mit violettem Unterton — kein generisches Schwarz
  • 90/10-Regel — 90 % neutrale Flächen, 10 % kontrollierte Neon-Energie
  • Gradient DNA — Orange → Rot → Violett als visuelle Signatur
  • Pixel Heart — Bildmarke als pixeliges Herz mit Gradient-Fill
  • Vier Schriften mit klaren Rollen: Bungee, Roboto Slab, Ubuntu, JetBrains Mono

Technik

Astro 5 als Static-Site-Generator — null Client-JavaScript, maximale Performance. Tailwind CSS v4 mit eigenen Design-Tokens. Inhalte als MDX Content Collections, dynamische Routen, modulare Komponentenbibliothek. Alles selbst gebaut, nichts von der Stange.

Brand System

  • Brand Manual — Logo, Farben, Typografie, Designprinzipien dokumentiert
  • Brand Voice — Tonalität, Wording-Guidelines, Headline-Muster definiert
  • Styleguide — alle UI-Komponenten live dokumentiert

Ergebnis

Eine Agentur-Website, die zeigt statt erzählt. Neon Minimalism ist kein Theme — es ist ein System. Jede Farbe, jede Schrift, jeder Pixel hat einen Zweck. Die eigene Marke steht jetzt so, wie wir es für unsere Kunden predigen: klar, direkt und unverwechselbar.

Gefällt dir, was du siehst?

Lass uns über dein Projekt reden.

Verwandte Cases

Verwandte Insights