StableOne Design System
Brand Guide für eine ruhige, hochwertige Pferdeplattform.
StableOne verbindet professionelle Verkaufssoftware mit einem hochwertigen Pferdeportal. Das Design soll einfach, vertrauensvoll und edel wirken, ohne verspielt oder überladen zu werden.
01
Fonts
Heading
Playfair Display
Für Hero-Titel, emotionale Editorial-Headlines und hochwertige Markenmomente. Sparsam einsetzen, damit die App ruhig bleibt.
Interface
Inter / SF Pro
Für Navigation, Formulare, Tabellen, Karten und längere Texte. Klare Lesbarkeit ist wichtiger als dekorative Wirkung.
02
Farben
Basis
Akzent
Status
03
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
04
Komponenten
Grundregeln
Cards bleiben ruhig, hell und maximal 24 px gerundet.
Gold ist Akzent, nicht Hintergrund für ganze Seiten.
Primäre Aktionen nutzen Charcoal oder Stable Gold.
Formulare sollen klar gruppiert sein und sofortiges Feedback geben.
Bilder zeigen echte Pferde, Ställe oder konkrete Produktzustände.
05
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.