Merkidentiteit
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.
Op zwart
Op lichte ondergrond
Monochroom (laatste keuze)
Klein (favicon / app-icoon)
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.
App-icoon
Afgeronde vierkant, “b” in Clay op Black/Charcoal. iOS en Android, App Store en Google Play.
Downloaden · PNG 1024
Favicon / klein
Een grotere letter voor leesbaarheid bij 16–32 px. Browsertabs, bladwijzers en PWA.
Downloaden · .ico
Vectorbron
Master-SVG voor grote renders en print — schaalt zonder kwaliteitsverlies.
Downloaden · SVGVerkleur, 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.
Alleen het merk
Het bikedo.app-merk gecentreerd op charcoal. Strak, zonder slogan. 5120×2880.
Voor telefoon
Alleen het merk
Alleen het merk, in de onderste helft (veilig voor het vergrendelscherm). iPhone en Android.
Met de slogan · PL
Het merk met de slogan, in de onderste helft. iPhone en Android.
Met de slogan · EN
Het merk met de slogan, in de onderste helft. iPhone en Android.
Social / delen
Kleurpalet
Canyon-geïnspireerd. Eén warm accent (Clay), twee donkere, twee neutrale, twee teksttonen. Elke kleur heeft een rol — hou je daaraan.
Clay
#C45E3AHoofdaccent. CTA's, links, focus ring, actieve states. Nooit als paginakleur.
Black
#1A1A1APaginakleur (donkere oppervlakken). Standaard canvas in app en web.
Charcoal
#2D2D2DAchtergrond van cards/panels op donkere oppervlakken. Eén tint lichter dan Black.
Stone
#4A4A4ARanden, scheidingen, dunne lijnen op donkere oppervlakken. Verlaag tot 30–60% opacity voor subtiele separators.
Text light
#F5F5F5Primaire tekst op donkere oppervlakken. Koppen en body op Black/Charcoal.
Lichte toon — combineer met Charcoal- of Black-tekst.
Text muted
#78716CSecundaire tekst, captions, hints, placeholders. Voldoet aan WCAG AA op Black voor body-maten.
Sand
#E8DED5Rand op lichte oppervlakken (marketing, mockups). Past bij Light bg.
Lichte toon — combineer met Charcoal- of Black-tekst.
Light bg
#F8F6F3Gebroken wit voor light theme en mockups. Nooit puur wit.
Lichte toon — combineer met Charcoal- of Black-tekst.
Typografie
Inter voor product en body. Playfair Display voor redactionele koppen op marketingpagina's. Niet mixen — één rol per oppervlak.
UI + body
Inter
Pa's wijze lynx bezag vroom het fikse aquaduct
Redactionele koppen
Playfair Display
Pa's wijze lynx bezag vroom het fikse aquaduct
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.