# Merkidentiteit — bikedo.app > Richtlijnen voor de visuele identiteit van bikedo.app: woordmerk, kleurpalet, typografie en stem & toon. Source: https://bikedo.app/nl/brand Locale: nl Hoe gebruik je het merk bikedo.app. Een korte gids over het woordmerk, het palet, de typografie en hoe we over het product spreken. Als je BikeDo-assets gebruikt op een partnersite, in een persmap of community-post, dan is dit de bron van waarheid. --- ## Woordmerk Twee kleuren, twee diktes, één Clay-accent. Inter Black, iets strakkere letterspacing. - Het woordmerk is altijd „bikedo.app” (kleine letters). De „.app”-uitgang is altijd Clay. - Vrije ruimte rond het woordmerk minstens de hoogte van de „b”. Niet inklemmen. - In lopende tekst schrijf je het product als BikeDo (CamelCase) — nooit „BikeDo App” of „BikeDo API”. --- ## Iconen Het app-merk — een kleine “b” in Clay op een donkere tegel. Hetzelfde merk werkt als app-icoon, favicon en icoon in voetteksten of handtekeningen. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **App-icoon** — Afgeronde vierkant, “b” in Clay op Black/Charcoal. iOS en Android, App Store en Google Play. ([PNG 1024](https://bikedo.app/brand/app-icon-1024.png)) - **Favicon / klein** — Een grotere letter voor leesbaarheid bij 16–32 px. Browsertabs, bladwijzers en PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Vectorbron** — Master-SVG voor grote renders en print — schaalt zonder kwaliteitsverlies. ([SVG](https://bikedo.app/brand/icon.svg)) - Verkleur, vervorm of roteer het merk niet. Behoud de verhoudingen en de vrije ruimte. - Het icoon heeft zijn donkere achtergrond ingebouwd — plaats het niet zonder ruimte op nog een donkere tegel. --- ## Achtergronden Bureaubladachtergronden in het merkpalet — het merk op charcoal, in 5K. Kies het merk alleen of de versie met de slogan. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Alleen het merk** — Het bikedo.app-merk gecentreerd op charcoal. Strak, zonder slogan. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **Met de slogan · PL** — Het merk met de slogan. 5120×2880 — kies je taal. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **Met de slogan · EN** — Het merk met de slogan. 5120×2880 — kies je taal. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — Een breedbeelduitsnede voor ultrawide en dual-monitor. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **Voor telefoon** - **Alleen het merk** — Alleen het merk, in de onderste helft (veilig voor het vergrendelscherm). iPhone en 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)) - **Met de slogan · PL** — Het merk met de slogan, in de onderste helft. iPhone en 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)) - **Met de slogan · EN** — Het merk met de slogan, in de onderste helft. iPhone en 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 / delen** Open Graph-afbeelding 1200×630 voor delen en social previews. - **Alleen het merk** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **Met de slogan · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **Met de slogan · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## Kleurpalet Canyon-geïnspireerd. Eén warm accent (Clay), twee donkere, twee neutrale, twee teksttonen. Elke kleur heeft een rol — hou je daaraan. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Hoofdaccent. CTA's, links, focus ring, actieve states. Nooit als paginakleur. | | Black | `#1A1A1A` | Paginakleur (donkere oppervlakken). Standaard canvas in app en web. | | Charcoal | `#2D2D2D` | Achtergrond van cards/panels op donkere oppervlakken. Eén tint lichter dan Black. | | Stone | `#4A4A4A` | Randen, scheidingen, dunne lijnen op donkere oppervlakken. Verlaag tot 30–60% opacity voor subtiele separators. | | Text light | `#F5F5F5` | Primaire tekst op donkere oppervlakken. Koppen en body op Black/Charcoal. | | Text muted | `#78716C` | Secundaire tekst, captions, hints, placeholders. Voldoet aan WCAG AA op Black voor body-maten. | | Sand | `#E8DED5` | Rand op lichte oppervlakken (marketing, mockups). Past bij Light bg. | | Light bg | `#F8F6F3` | Gebroken wit voor light theme en mockups. Nooit puur wit. | --- ## Typografie Inter voor product en body. Playfair Display voor redactionele koppen op marketingpagina's. Niet mixen — één rol per oppervlak. - **Inter** — UI + body - **Playfair Display** — Redactionele koppen Hierarchy: - H1 — Playfair, 48–60px: _Een eenvoudiger thuis voor je fietsen._ - H2 — Playfair, 28–36px: _Onderhoudsgeschiedenis zonder spreadsheets._ - Body — Inter, 16–18px: Voeg een onderhoudsbeurt toe in twee taps. Foto erbij. Deel met een werkplaats. De hele geschiedenis reist mee met de fiets als die van eigenaar wisselt. - Caption — Inter, 12–13px: Laatst onderhouden 14 dagen geleden · 1.240 km --- ## Stem en toon BikeDo klinkt als een rustige, deskundige vriend die veel van fietsen weet. Zelfverzekerd, concreet, nooit hypey. We schreeuwen niet. ### Wel - **Gebruik het woordmerk als „bikedo.app” met „.app” in Clay.** — Combineer met Inter Black/Bold en laat het ademen — minstens de hoogte van de „b” als vrije ruimte. - **Schrijf het product in lopende tekst als „BikeDo” (CamelCase).** — CamelCase leest beter in een zin dan de kleine-letter-variant. - **Gebruik Clay spaarzaam — als enig accent op een Black/Charcoal-pagina.** — Als alles accent is, is niets accent. Clay moet het oog naar de volgende actie trekken. - **Gebruik sentence case in koppen en knoppen.** — Sentence case klinkt menselijker, minder corporate. ### Niet - **Schrijf niet „BikeDo App”, „BikeDo Mobile” of „BikeDo API” in tekst.** — Het is gewoon BikeDo — app en API zijn implementatiedetails, geen deel van de naam. - **Verander niet de kleurverdeling van het woordmerk.** — „bikedo” altijd in Text light (donkere achtergrond) of Charcoal (lichte); „.app” altijd in Clay. - **Zet geen Clay op Clay en verander niet de kleur van „.app”.** — Je verliest het herkenningssignaal dat het merk verankert. - **Gebruik geen puur wit als achtergrond.** — Gebruik Light bg (#F8F6F3). Puur wit voelt klinisch naast het aardse palet. - **Voeg geen tagline lockup toe naast het woordmerk.** — Als je een tagline nodig hebt, zet hem op een eigen regel onder het woordmerk in Text muted. --- Iets nodig dat hier niet staat (vectorlogo, OG-templates, partner-badges)? Mail naar hello@bikedo.app.