Farben, Schriften und Formen sprechen über alle Kontaktpunkte dieselbe visuelle Sprache.
Branding Case Study · Digitaler Styleguide
Eine Marke braucht mehr als ein Logo.
Dieser digitale Styleguide macht aus Haltung ein belastbares Gestaltungssystem – klar genug für Konsistenz und flexibel genug für neue Ideen.
01 / Ausgangspunkt
Gestaltung beginnt mit Haltung.
Die Aufgabe war nicht, möglichst viele Regeln aufzuschreiben. Sie war, eine unverwechselbare visuelle Haltung so zu übersetzen, dass sie in jeder Anwendung wiedererkennbar bleibt.
Der Auftritt verbindet direkte Sprache, markante Typografie und kompromisslose Kontraste. Der Styleguide führt diese Elemente zu einem System zusammen, das Entscheidungen erleichtert: von der Website über Social Media bis zu zukünftigen Printanwendungen.
Das Ergebnis ist keine starre Schablone, sondern ein gemeinsamer Rahmen für Tempo, Qualität und einen konsistenten Markenauftritt.
Klare Prinzipien reduzieren Rückfragen und machen Gestaltung reproduzierbar.
Das System bleibt offen für neue Formate, ohne seine Identität zu verlieren.
02 / Visuelle Identität
Zwei Zeichen.Eine Stimme.
Primärlogo
Die horizontale Logoform ist die Primäranwendung für Website, Navigation und breite Formate. Die klare Schwarz-Weiß-Fassung erhält immer einen verbindlichen Schutzraum.
Favicon & Signet
Das kompakte doppelte K übersetzt den Kontrast der Marke in kleinste digitale Flächen und bleibt auch im Browser-Tab klar erkennbar.
03 / Farbwelt
Kontrast, der Position bezieht.
Electric Pink
Acid Lime
Ink
Paper
Grey
04 / Typografie
Laut im Titel.Klar im Text.
Anton · kurzer Brand-Hero
Ag
Anton bleibt kurzen Brand-Hero-H1 und der Logonähe vorbehalten. Längere Seitentitel und alle nachgeordneten Überschriften stehen in Inter.
Inter · Information
Gute Gestaltung muss nicht erklärt werden. Aber sie darf verständlich sein.
Regular 400
Semibold 600
Bold 700
Große Idee.
Klare Botschaft.
Saubere Hierarchie.
Fließende Größen halten die Typografie auf großen Displays ebenso lesbar wie auf kleinen Smartphones.
05 / Das System
Regeln machen Gestaltung reproduzierbar.
Kontrast führt
Schwarz und Paper schaffen Ruhe. Pink hebt Inhalte hervor. Acid Lime markiert gezielte Signale und Interaktionen.
Typografie hierarchisiert
Anton gehört in kurze Brand-Hero-H1. Inter trägt längere Titel, Hierarchie, Navigation und Lesetext.
Details bestätigen
Linien, Raster, klare Kanten und verlässliche Abstände verbinden einzelne Seiten zu einem erkennbaren Gesamtsystem.
Eine klare Beschriftung macht den nächsten Schritt verständlich.
Bedienbarkeit ist Teil der Gestaltung – nicht ihr Gegenspieler.
Sichtbarer Fokus
Mehr erfahren
06 / Vorgehen
Vom Gefühl zum anwendbaren System.
Position schärfen
Was soll die Marke auslösen, wofür steht sie – und was soll sie bewusst nicht sein? Diese Fragen setzen den Rahmen.
Prinzipien übersetzen
Haltung wird in Farbe, Typografie, Bildwelt, Sprache und Bewegung übersetzt. Jedes Element bekommt eine klare Aufgabe.
System aufbauen
Skalen, Abstände und Komponenten werden so definiert, dass neue Anwendungen nicht jedes Mal bei null beginnen.
Realität prüfen
Desktop, Tablet, Smartphone, Tastatur und reduzierte Bewegung zeigen, ob aus einer guten Idee ein belastbares System geworden ist.
07 / Zugänglichkeit
Ausdrucksstark und zugänglich.
Navigation, Links und Bedienelemente lassen sich ohne Maus nutzen. Der Fokus bleibt dabei klar sichtbar.
Wenn im Betriebssystem reduzierte Bewegung aktiviert ist, verzichtet die Präsentation auf weiche Übergänge.
Fließende Schriftgrößen, kontrollierte Zeilenlängen und echte Überschriften unterstützen Orientierung und Lesbarkeit.
Signalfarben werden gezielt eingesetzt. Funktionale Texte und Interaktionen bleiben auch ohne Farbe verständlich.
Branding, das weiterdenkt
Deine Marke braucht ein System.
Du brauchst ein Branding, das Entscheidungen vereinfacht und in Website, Social Media und Print konsistent einsetzbar bleibt? Dann entwickeln wir Positionierung, Gestaltung und Regeln als nutzbares System.