Brand Guidelines · v2.0
Dispoly

End the booking
chaos.

Eine Plattform, um alle geteilten Ressourcen zu verwalten: Fahrzeuge, Gerät, Räume. Von BOS bis Firmenflotte. Dieses Dokument definiert, wie Dispoly aussieht, klingt und wirkt.

02 · Farben

Farbwelt

Ink und kühle Grautöne tragen die Fläche, Signal Orange ist die einzige Marken- und Aktionsfarbe: Primärbuttons, Auswahl, das CTA-Band. Die vier Statusfarben gehören dem Belegungsplan und stehen nie ohne Label. Das Logo behält seine eigenen Farben (siehe 01).

Signal Orange · Marke & Aktion

Signal 50
#FFF3EC
Signal 100
#FFE2D1
Signal 200
#FFC4A3
Signal 500
#F06418
Signal 600
#D9480F
Signal 700
#B83A0A
Signal 800
#8F2E0A

Signal 600 · #D9480F ist die Markenfarbe: Primärbuttons, Auswahl, Fokus, das finale CTA-Band. 700 für Links im Text und Hover, 50–200 für Flächen und Overlines auf Ink. Pro Ansicht genau eine orange Aktion.

Ink & Grau · Text und Flächen

Ink 900
#14171C
Ink 800
#23272F
Ink 700
#343A44
Grey 600
#4F5663
Grey 500
#687080
Grey 400
#9198A4
Grey 300
#C5CAD2
Grey 200
#DFE2E7
Grey 100
#EEF0F3
Grey 50
#F6F7F9
White
#FFFFFF

Ink 900 · #14171C für Text und inverse Flächen (Highlight-Boxen, Footer). Grey 600 für Sekundärtext, Grey 200 für Rahmen, Grey 50 für die abwechselnden Bänder. Keine Verläufe, keine Glows: Flächen sind flach.

Status · der Belegungsplan

Go
#23A55E
verfügbar
Held
#3D6FD1
gebucht
Wait
#D99A0B
angefragt
Stop
#C92A2A
abgelehnt
Schraffur
Grey 200 · 135°
gesperrt

Statusfarbe steht immer mit Label, nie als einziges Signal. Stop-Rot nur für Ablehnung und Fehler, nie als Akzent.

03 · Typografie

Schrift

Manrope für Display und Headlines, Inter für Fließtext und UI. Beide sind kostenlos (Google Fonts) und web-optimiert. Zahlen stehen in Tabular Figures, damit Zeiten, Mengen und Preise sauber untereinander stehen.

Display / Headlines · Manrope
Aa
Display 800 · −0,035emEnd the chaos
Heading 700 · −0,02emAlle Ressourcen
Zahlen 800100 %
Bold 700ExtraBold 800
Body / UI · Inter
Aa

Body-Text bleibt ruhig und lesbar. Kurze Sätze, keine Floskeln. Inter 400 für Text, 500/600 für Labels und Buttons.

Overline 600 · 11pxSo funktioniert's
Tabular Figures1.234 · 09:00–17:00 · KW 13 · 29,00 €
04 · Formen

Formen & Flächen

Bedienelemente sind Pillen, Container fast eckig. Rahmen statt Schatten: Karten haben eine 1-px-Linie, Schatten gibt es nur für schwebende Ebenen wie Dialoge und Menüs. Hover ist ein leiser Flächenwechsel, 120 ms, ohne Federn.

BuchenAbbrechengebucht
Pille · 999px · Buttons, Tags, Badges, Segment-Tabs.
Vereinsbus
Sa, 05.09. · 08:00–16:00
Karte · 6px · 1px Rahmen, kein Schatten.
Ressource suchen
Feld · 8px · Eingaben, Selects, Suche.
Buchung freigeben?
Die Anfrage wird bestätigt.
Dialog · 10px · einzige Ebene mit Schatten.
05 · Icon & Favicon

Anwendung

So sitzt die Marke im echten Einsatz: App-Icon, Browser-Tab, Buttons.

App-Icon · iOS/Android Homescreen.
Dispoly · Resource Booking
dispoly.net
Favicon & Browser-Tab · Icon bleibt bei 16 px lesbar.
Jetzt kostenlos starten Mehr erfahren verfügbar
Buttons · Orange = Aktion. Status ist ein Label, kein Button.
06 · Do & Don't

Richtig einsetzen

Originalfarben nutzen
Dark-Variante auf Dunkel
Farben ändern / drehen
Verzerren / stauchen
07 · Tonalität

Stimme & Sprache

Dispoly klingt wie ein ruhiger, kompetenter Disponent: klar, direkt, ohne Buzzwords. Es verspricht nicht, es löst.

Klar
Kurze Sätze, konkrete Nutzen. „100% keine Doppelbuchungen“ statt „optimierte Auslastungssynergien“.
Ruhig & souverän
Kein Hype, kein Ausrufezeichen-Feuerwerk. Vertrauen entsteht durch Präzision.
Nah an der Praxis
Sprache der Zielgruppe: Einsatzmittel, Disposition, Wache, Fuhrpark, nicht abstraktes SaaS-Deutsch.
verfügbarbuchendisponierenin 10 Minuten startklarSchluss mit dem Buchungschaos revolutionärdisruptivSynergiennext-gen
Tagline
End the booking chaos. Once and for all.
DE-Alternative: „Schluss mit dem Buchungschaos. Ein für alle Mal.“
Dispoly Brand Guidelines v2.0 · Signal Orange #D9480F · Ink #14171C · Manrope + Inter