# Markenidentität — bikedo.app > Visuelle Markenrichtlinien für bikedo.app: Wortmarke, Farbpalette, Typografie und Voice & Tone. Source: https://bikedo.app/de/brand Locale: de 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. - 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. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **App-Icon** — Abgerundetes Quadrat, „b“ in Clay auf Black/Charcoal. iOS und Android, App Store und Google Play. ([PNG 1024](https://bikedo.app/brand/app-icon-1024.png)) - **Favicon / klein** — Größerer Buchstabe für Lesbarkeit bei 16–32 px. Browser-Tabs, Lesezeichen und PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Vektorquelle** — Master-SVG für große Renderings und Druck — skaliert ohne Qualitätsverlust. ([SVG](https://bikedo.app/brand/icon.svg)) - Das 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. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Nur das Zeichen** — Das bikedo.app-Zeichen zentriert auf Charcoal. Schlicht, ohne Slogan. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **Mit Slogan · PL** — Das Zeichen mit dem Marken-Slogan. 5120×2880 — wähle deine Sprache. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **Mit Slogan · EN** — Das Zeichen mit dem Marken-Slogan. 5120×2880 — wähle deine Sprache. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — Ein Letterbox-Ausschnitt für Ultrawide und Dual-Monitor. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **Fürs Handy** - **Nur das Zeichen** — Nur das Zeichen, in der unteren Hälfte (Sperrbildschirm-sicher). iPhone und Android. ([iPhone](https://bikedo.app/brand/wallpapers/wallpaper-plain-phone-iphone-1290x2796.png) · [Android](https://bikedo.app/brand/wallpapers/wallpaper-plain-phone-android-1080x2400.png)) - **Mit Slogan · PL** — Das Zeichen mit Slogan, in der unteren Hälfte. iPhone und Android. ([iPhone](https://bikedo.app/brand/wallpapers/wallpaper-pl-phone-iphone-1290x2796.png) · [Android](https://bikedo.app/brand/wallpapers/wallpaper-pl-phone-android-1080x2400.png)) - **Mit Slogan · EN** — Das Zeichen mit Slogan, in der unteren Hälfte. iPhone und Android. ([iPhone](https://bikedo.app/brand/wallpapers/wallpaper-en-phone-iphone-1290x2796.png) · [Android](https://bikedo.app/brand/wallpapers/wallpaper-en-phone-android-1080x2400.png)) **Social / Teilen** Open-Graph-Bild 1200×630 für Shares und Social-Vorschauen. - **Nur das Zeichen** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **Mit Slogan · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **Mit Slogan · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## 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. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Hauptakzent. CTAs, Links, Focus-Ring, aktive Zustände. Nie als Seitenhintergrund. | | Black | `#1A1A1A` | Seitenhintergrund (dunkle Oberflächen). Standard-Canvas in App und Web. | | Charcoal | `#2D2D2D` | Hintergrund von Karten/Panels auf dunklen Flächen. Eine Stufe heller als Black. | | Stone | `#4A4A4A` | Rahmen, Trenner, feine Linien auf dunklen Flächen. Auf 30–60% Transparenz für subtile Separatoren. | | Text light | `#F5F5F5` | Primärtext auf dunklen Flächen. Überschriften und Body-Copy auf Black/Charcoal. | | Text muted | `#78716C` | Sekundärtext, Captions, Hilfetexte, Placeholder. Erfüllt WCAG AA auf Black für Body-Größen. | | Sand | `#E8DED5` | Rahmen auf hellen Flächen (Marketing, Mockups). Paart sich mit Light bg. | | Light bg | `#F8F6F3` | Gebrochenes Weiß für helles Theme und Mockups. Niemals reines Weiß. | --- ## Typografie Inter für Produkt und Body. Playfair Display für redaktionelle Überschriften im Marketing. Nicht mischen — eine Rolle pro Oberfläche. - **Inter** — UI + Body - **Playfair Display** — Redaktionelle Überschriften Hierarchy: - 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. --- Brauchst du etwas, das hier nicht steht (Vektor-Logo, OG-Templates, Partner-Badges)? Schreib an hello@bikedo.app.