Varumärkesidentitet
Så här använder du varumärket bikedo.app.
En kort guide till ordmärket, paletten, typografin och hur vi pratar om produkten. Om du använder BikeDo-tillgångar på en partnersida, i ett presskit eller ett community-inlägg är detta källan.
Ordmärke
Två färger, två vikter, en Clay-accent. Inter Black, något stramare bokstavsmellanrum.
På svart
På ljus bakgrund
Monokrom (sista utvägen)
Litet (favicon / app-ikon)
Ordmärket är alltid ”bikedo.app” (gemener). Suffixet ”.app” är alltid Clay.
Frizon kring ordmärket minst höjden av ”b”. Trycka inte ihop.
I löptext skriver du produkten som BikeDo (CamelCase) — aldrig ”BikeDo App” eller ”BikeDo API”.
Ikoner
App-märket — ett litet ”b” i Clay på en mörk platta. Samma märke fungerar som app-ikon, favicon och ikon i sidfötter eller signaturer.
App-ikon
Rundad kvadrat, ”b” i Clay på Black/Charcoal. iOS och Android, App Store och Google Play.
Ladda ner · PNG 1024
Favicon / liten
En större bokstav för läsbarhet vid 16–32 px. Webbläsarflikar, bokmärken och PWA.
Ladda ner · .ico
Vektorkälla
Master-SVG för stora renderingar och tryck — skalar utan kvalitetsförlust.
Ladda ner · SVGFärga inte om, förvräng inte och rotera inte märket. Behåll proportioner och frizon.
Ikonen har sin mörka bakgrund inbyggd — placera den inte på ännu en mörk platta utan avstånd.
Bakgrunder
Skrivbordsbakgrunder i varumärkespaletten — märket på charcoal, i 5K. Välj märket ensamt eller versionen med slogan.
För telefon
Bara märket
Bara märket, i nedre halvan (säkert för låsskärm). iPhone och Android.
Med slogan · PL
Märket med sloganen, i nedre halvan. iPhone och Android.
Med slogan · EN
Märket med sloganen, i nedre halvan. iPhone och Android.
Social / delning
Färgpalett
Canyon-inspirerad. En varm accent (Clay), två mörka, två neutrala, två texttoner. Varje färg har sin roll — håll dig till den.
Clay
#C45E3AHuvudaccent. CTA, länkar, fokus, aktiva tillstånd. Aldrig som sidbakgrund.
Black
#1A1A1ASidbakgrund (mörka ytor). Standard canvas i mobilappen och webb.
Charcoal
#2D2D2DBakgrund för kort/paneler på mörka ytor. Ett steg ljusare än Black.
Stone
#4A4A4AKanter, avdelare, hårfina linjer på mörka ytor. Sänk till 30–60 % opacitet för subtila separatorer.
Text light
#F5F5F5Primär text på mörka ytor. Rubriker och brödtext på Black/Charcoal.
Ljus ton — kombinera med Charcoal- eller Black-text.
Text muted
#78716CSekundär text, bildtexter, hintar, platshållare. Uppfyller WCAG AA på Black för brödtextstorlekar.
Sand
#E8DED5Kant på ljusa ytor (marknad, mockups). Passar med Light bg.
Ljus ton — kombinera med Charcoal- eller Black-text.
Light bg
#F8F6F3Brutet vitt för ljust tema och mockups. Aldrig rent vitt.
Ljus ton — kombinera med Charcoal- eller Black-text.
Typografi
Inter för produkt och brödtext. Playfair Display för redaktionella rubriker på marknadssidor. Blanda inte — en roll per yta.
UI + brödtext
Inter
Flygande bäckasiner söka hwila på mjuka tuvor
Redaktionella rubriker
Playfair Display
Flygande bäckasiner söka hwila på mjuka tuvor
H1 — Playfair, 48–60px
Ett enklare hem för dina cyklar.
H2 — Playfair, 28–36px
Servicehistorik utan kalkylblad.
Body — Inter, 16–18px
Registrera en service med två tryck. Lägg till foto. Dela med en verkstad. Hela historiken följer cykeln när den byter ägare.
Caption — Inter, 12–13px
Senast servad för 14 dagar sedan · 1 240 km
Röst och ton
BikeDo låter som en lugn, kunnig vän som kan mycket om cyklar. Trygg, konkret, aldrig hypig. Vi skriker inte.
Gör
Använd ordmärket som ”bikedo.app” med ”.app” i Clay.
Kombinera med Inter Black/Bold och låt det andas — minst ”b”-höjden som frizon.
I text skriver du produkten som ”BikeDo” (CamelCase).
CamelCase läses bättre mitt i en mening än det gemena ordmärket.
Använd Clay sparsamt — som enda accent på en Black/Charcoal-sida.
När allt är accent är inget det. Clay ska dra ögat till nästa åtgärd.
Använd sentence case i rubriker och knappar.
Sentence case låter mer mänskligt, mindre corporate.
Gör inte
Skriv inte ”BikeDo App”, ”BikeDo Mobile” eller ”BikeDo API” i text.
Det är bara BikeDo — app och API är implementationsdetaljer, inte en del av namnet.
Ändra inte ordmärkets färgdelning.
”bikedo” alltid i Text light (mörk bakgrund) eller Charcoal (ljus); ”.app” alltid i Clay.
Lägg inte Clay på Clay och färga inte om ”.app”-suffixet.
Du tappar igenkänningssignalen som förankrar varumärket.
Använd inte rent vitt som bakgrund.
Använd Light bg (#F8F6F3). Rent vitt känns kliniskt intill den jordnära paletten.
Lägg inte en tagline-lockup bredvid ordmärket.
Behöver du en tagline, lägg den på egen rad under ordmärket i Text muted.