Markenidentität
So verwendest du die Marke bikedo.app.
Kurzer Leitfaden zur Wortmarke, Palette, Typografie und der Art, wie wir über das Produkt sprechen. Wenn du BikeDo-Assets auf einer Partner-Seite, in einem Press-Kit oder Community-Post verwendest, ist das hier die Quelle der Wahrheit.
Wortmarke
Zwei Farben, zwei Stärken, ein Clay-Akzent. Inter Black, leicht engerer Letter-Spacing.
Auf Schwarz
Auf hellem Untergrund
Monochrom (letzte Wahl)
Klein (Favicon / App-Icon)
Die Wortmarke ist immer „bikedo.app“ (Kleinschreibung). Das „.app“-Suffix ist immer Clay.
Freiraum um die Wortmarke mindestens in Höhe des „b“-Glyphs. Nicht beengen.
Im Fließtext schreibst du das Produkt als BikeDo (CamelCase) — niemals „BikeDo App“ oder „BikeDo API“.
Icons
Das App-Zeichen — ein kleines „b“ in Clay auf einer dunklen Kachel. Dasselbe Zeichen dient als App-Icon, Favicon und Icon in Fußzeilen oder Signaturen.
App-Icon
Abgerundetes Quadrat, „b“ in Clay auf Black/Charcoal. iOS und Android, App Store und Google Play.
Herunterladen · PNG 1024
Favicon / klein
Größerer Buchstabe für Lesbarkeit bei 16–32 px. Browser-Tabs, Lesezeichen und PWA.
Herunterladen · .ico
Vektorquelle
Master-SVG für große Renderings und Druck — skaliert ohne Qualitätsverlust.
Herunterladen · SVGDas Zeichen nicht umfärben, verzerren oder drehen. Proportionen und Freiraum bewahren.
Das Icon hat seinen dunklen Hintergrund eingebaut — platziere es nicht ohne Abstand auf einer weiteren dunklen Kachel.
Hintergrundbilder
Desktop-Hintergründe in der Markenpalette — das Zeichen auf Charcoal, in 5K. Wähle das reine Zeichen oder die Variante mit Slogan.
Nur das Zeichen
Das bikedo.app-Zeichen zentriert auf Charcoal. Schlicht, ohne Slogan. 5120×2880.
Fürs Handy
Nur das Zeichen
Nur das Zeichen, in der unteren Hälfte (Sperrbildschirm-sicher). iPhone und Android.
Mit Slogan · PL
Das Zeichen mit Slogan, in der unteren Hälfte. iPhone und Android.
Mit Slogan · EN
Das Zeichen mit Slogan, in der unteren Hälfte. iPhone und Android.
Social / Teilen
Farbpalette
Canyon-inspiriert. Ein warmer Akzent (Clay), zwei dunkle, zwei neutrale, zwei Text-Töne. Jede Farbe hat eine definierte Rolle — bleibe in dieser Spur.
Clay
#C45E3AHauptakzent. CTAs, Links, Focus-Ring, aktive Zustände. Nie als Seitenhintergrund.
Black
#1A1A1ASeitenhintergrund (dunkle Oberflächen). Standard-Canvas in App und Web.
Charcoal
#2D2D2DHintergrund von Karten/Panels auf dunklen Flächen. Eine Stufe heller als Black.
Stone
#4A4A4ARahmen, Trenner, feine Linien auf dunklen Flächen. Auf 30–60% Transparenz für subtile Separatoren.
Text light
#F5F5F5Primärtext auf dunklen Flächen. Überschriften und Body-Copy auf Black/Charcoal.
Heller Ton — kombiniere mit Charcoal- oder Black-Text.
Text muted
#78716CSekundärtext, Captions, Hilfetexte, Placeholder. Erfüllt WCAG AA auf Black für Body-Größen.
Sand
#E8DED5Rahmen auf hellen Flächen (Marketing, Mockups). Paart sich mit Light bg.
Heller Ton — kombiniere mit Charcoal- oder Black-Text.
Light bg
#F8F6F3Gebrochenes Weiß für helles Theme und Mockups. Niemals reines Weiß.
Heller Ton — kombiniere mit Charcoal- oder Black-Text.
Typografie
Inter für Produkt und Body. Playfair Display für redaktionelle Überschriften im Marketing. Nicht mischen — eine Rolle pro Oberfläche.
UI + Body
Inter
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern
Redaktionelle Überschriften
Playfair Display
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern
H1 — Playfair, 48–60px
Ein einfacheres Zuhause für deine Räder.
H2 — Playfair, 28–36px
Service-Historie ohne Tabellen.
Body — Inter, 16–18px
Service in zwei Taps eintragen. Foto dazu. Mit der Werkstatt teilen. Die komplette Historie reist mit dem Rad mit, wenn der Besitzer wechselt.
Caption — Inter, 12–13px
Letzter Service vor 14 Tagen · 1.240 km
Voice & Tone
BikeDo klingt wie eine ruhige, kompetente Freundin oder Freund, die viel über Räder weiß. Souverän, konkret, nie reißerisch. Wir schreien nicht.
Mach
Verwende die Wortmarke als „bikedo.app“ mit „.app“ in Clay.
Paare sie mit Inter Black/Bold und gib ihr Luft — mindestens die Höhe des „b“-Glyphs als Freiraum.
Schreibe das Produkt im Fließtext als „BikeDo“ (CamelCase).
Im Satz liest sich CamelCase besser als die Kleinschreibung der Wortmarke.
Setze Clay sparsam ein — als einziger Akzent auf einer Black/Charcoal-Seite.
Wenn alles Akzent ist, ist nichts mehr Akzent. Clay soll das Auge zur nächsten Aktion ziehen.
Verwende Sentence Case in Überschriften und Buttons.
Sentence Case klingt eher nach Mensch, weniger nach Konzern.
Mach nicht
Schreibe nicht „BikeDo App“, „BikeDo Mobile“ oder „BikeDo API“ im Fließtext.
Es ist einfach BikeDo — App und API sind Implementierungsdetails, kein Teil des Namens.
Ändere nicht die Farbaufteilung der Wortmarke.
„bikedo“ immer in Text light (dunkler Hintergrund) oder Charcoal (heller Hintergrund); „.app“ immer in Clay.
Setze nicht Clay auf Clay und färbe „.app“ nicht um.
Du verlierst das Wiedererkennungs-Signal, das die Marke verankert.
Verwende kein reines Weiß als Hintergrund.
Nimm Light bg (#F8F6F3). Reines Weiß wirkt klinisch neben der erdigen Palette.
Hänge keinen Tagline-Lockup an die Wortmarke.
Wenn du einen Tagline brauchst, setze ihn in eigene Zeile unter die Wortmarke in Text muted.