StableOne Brand Guide
Eine Marke für den Pferdeverkauf: klar in der Anwendung, hochwertig in der Präsentation. Hier stehen die Logo-Varianten, Farben und Bausteine, die StableOne zusammenhalten.
Logo & Bildmarke
Die Wort-Bild-Marke ist die erste Wahl. Die einzelne Bildmarke ist für kleine Flächen wie Favicons und kompakte Navigation gedacht. Verwende jeweils die Variante mit gutem Kontrast zum Hintergrund.
Bildmarke für kompakte Formate
Nicht verzerren, drehen oder mit Effekten versehen. Rund um das Logo mindestens die Breite der Bildmarke frei lassen; auf kleinen Flächen lieber nur die Bildmarke zeigen.
Fonts
Heading
Playfair Display
Für Hero-Titel, emotionale Editorial-Headlines und hochwertige Markenmomente. Sparsam einsetzen, damit die App ruhig bleibt.
Interface
Inter
Für Navigation, Formulare, Tabellen, Karten und längere Texte. SF Pro und Systemschriften sind Fallbacks.
Farben
Die Werte zeigen die helle Ansicht. Im Dark Mode passen sich die semantischen Tokens an, damit Kontrast und Hierarchie erhalten bleiben.
Basis
Akzent
Status
Abstände & Radien
Spacing Scale
Radii
Buttons
16 px
Inputs
18 px
Bilder
20 px
Cards
24 px
Dialoge
28 px
Hero-Flächen
32 px
Komponenten
Grundregeln
Karten bleiben ruhig und geben Inhalt und Bildern den Vorrang.
Gold ist Akzent, nicht Hintergrund für ganze Seiten.
Primäre Aktionen nutzen Anthrazit; Gold hebt gezielt hervor.
Formulare sollen klar gruppiert sein und sofortiges Feedback geben.
Bilder zeigen echte Pferde, Ställe oder konkrete Produktzustände.
Mockups
Pferdekarte
PRE Wallach mit Ausstrahlung
Ruhige Bildflächen, klare Merkmale, ein eindeutiger nächster Schritt.
Social Feed
Beitrag aus dem Stall
Heute haben wir neue Bilder von unserem Nachwuchspferd aufgenommen. Das Design lässt Inhalt und Bild wirken, ohne die Bedienung zu überfrachten.
Der Brand Guide ist eine lebende Referenz. Neue Features sollen zuerst gegen diese Grundlagen geprüft werden, bevor neue Farben, Abstände oder Komponenten entstehen.