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.
Klar. Mutig. Direkt.
02 / Visuelle Identität
Zwei Zeichen. Eine Stimme.
Primärlogo
Das Logo kombiniert eine massive Wortmarke mit einem expressiven Schriftzug. Es darf Raum einnehmen – und bekommt deshalb einen klar definierten Schutzraum.
Favicon & Signet
Das kompakte „EP“ übersetzt den Charakter der Marke in kleinste digitale Flächen und bleibt auch im Browser-Tab klar erkennbar.
03 / Farbwelt
Kontrast, der Position bezieht.
Electric Pink
#FF007F · Aktion
Acid Lime
#DFFF00 · Signal
Ink
#111111 · Fundament
Paper
#F2F0EB · Ruhe
Grey
#818181 · Sekundär
04 / Typografie
Laut im Titel. Klar im Text.
Anton · Display
Ag
Anton erzeugt Energie, Haltung und Wiedererkennung. Der enge Schnitt funktioniert bewusst groß, kompakt und plakativ.
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 schaffen Spielraum.
Kontrast führt
Schwarz und Paper schaffen Ruhe. Pink aktiviert. Acid Lime markiert gezielte Signale und Interaktionen.
Typografie hierarchisiert
Anton trägt die Botschaft. Inter macht Inhalte zugänglich. Beide Rollen bleiben konsequent getrennt.
Details bestätigen
Linien, Raster, Pfeile und runde Akzente verbinden einzelne Seiten zu einem erkennbaren Gesamtsystem.
Ein Link darf zeigen, dass jetzt etwas passiert.
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 willst nicht nur gut aussehen, sondern klar, eigenständig und wiedererkennbar auftreten? Lass uns aus deiner Idee eine Marke machen, die funktioniert.