Ein kleines aber feines Detail

Manche Details sehen klein aus und verhalten sich trotzdem ziemlich groß

Dieses kleine Detail hat deutlich mehr Zeit gekostet, als ich anfangs gedacht hatte.

Auf der neuen Website von Stadt.Land.Netz gibt es in vielen Headlines Marker-Unterstreichungen. Also eigentlich nur ein kleines visuelles Element. Aber eben eins mit ziemlich großer Wirkung.

Es lockert die eher technische Anmutung der Website auf, macht Inhalte greifbarer und bringt eine menschlichere, zugänglichere Note in den Auftritt. Genau solche Details sind oft nicht laut. Aber sie verändern, wie sich ein Design anfühlt.

Eigentlich simpel. Bis die Technik mitreden möchte.

Auf den ersten Blick wirkt so eine Unterstreichung nicht besonders kompliziert. Ein Markerstrich unter einem Wort – fertig, oder?

Leider nein.

Wenn man solche Unterstreichungen einfach als SVG einsetzt, passiert schnell genau das, was man nicht will: Sie werden gestreckt, verlieren ihre Proportionen und sehen plötzlich irgendwie kaputt aus. Gerade bei unterschiedlich langen Wörtern wird das ziemlich schnell sichtbar. Und wenn man so etwas einmal gesehen hat, sieht man es leider immer wieder. Klassischer Designer-Fluch.

Die Standardlösung war hier einfach nicht gut genug

Für mich war deshalb relativ früh klar: Die Standardlösung reicht in diesem Fall nicht.

Also habe ich dafür eine eigene Lösung entwickelt, die sich dynamisch an die Länge der Wörter anpasst, ohne dass die Unterstreichung dabei verzerrt wirkt. Genau solche Momente mag ich an Projekten eigentlich sehr. Erst nervt’s ein bisschen, dann wird’s technisch spannend und irgendwann merkt man: Okay, daraus entsteht gerade mehr als nur ein Fix.

Denn am Ende ging es nicht nur darum, eine einzelne Linie sauber hinzubekommen. Es ging darum, ein Detail so zu bauen, dass es wiederholt, flexibel und markenkonsistent einsetzbar ist.

Aus einer Linie wurde ein ganzes System

Und genau dabei ist es dann nicht bei einer einzigen Unterstreichung geblieben.

Es ist ein ganzes System entstanden: verschiedene Farben passend zur Markenlogik, unterschiedliche Formen – von geschwungen über gerade bis hin zu welligen Linien oder gezielten Einkreisungen.

So wird aus einem kleinen Detail ein wiederkehrendes Gestaltungselement, das Orientierung gibt und die Marke visuell zusammenhält. Genau das ist für mich gutes Brand Design: nicht nur schöne Einzelmomente schaffen, sondern Bausteine entwickeln, die im Gesamtauftritt tragen.

Warum solche Details für mich nie nur Deko sind

Gerade in digitalen Projekten geht es für mich nie nur darum, dass etwas „nett aussieht“. Solche Elemente haben eine Funktion. Sie helfen, Inhalte zu strukturieren, Aufmerksamkeit zu lenken und der Marke einen Wiedererkennungswert zu geben, der subtil bleibt – aber genau deshalb stark wirkt.

Im Zusammenspiel mit Webdesign, Typografie, Struktur und Inhalt entstehen so die Dinge, die Nutzer:innen oft gar nicht aktiv benennen würden – die aber trotzdem einen klaren Unterschied machen. Also genau diese Sorte Design, die selbstverständlich wirkt, obwohl sie alles andere als zufällig ist.

Am Ende soll es einfach aussehen. Nicht einfach gemacht sein.

Das Ergebnis wirkt heute ziemlich selbstverständlich. Und genau darum geht es für mich.

Design soll nicht laut nach Aufmerksamkeit rufen. Es soll so klar und stimmig sein, dass man es kaum hinterfragt. Dass ein Element genau da sitzt, wo es hingehört. Dass es wirkt, ohne sich aufzudrängen.

Und manchmal steckt hinter dieser Selbstverständlichkeit eben deutlich mehr Zeit, Tests und Feinarbeit, als man dem Ergebnis später ansieht. Aber ganz ehrlich: Genau das ist oft der Job.

Mein Fazit: Kleine Details entscheiden oft über das große Ganze

Schau dir gern an, wie das Endergebnis geworden ist. Den Link zur Projekt Case Study und zur fertigen Seite findest du in den Kommentaren.

Für mich war dieses Detail mal wieder ein schönes Beispiel dafür, dass gute Gestaltung oft genau dort entsteht, wo man bereit ist, bei den kleinen Dingen nicht zu früh pragmatisch zu werden.