# Merkeidentitet — bikedo.app > Visuell identitet-veileder for bikedo.app: ordmerke, fargepalett, typografi og tone of voice. Source: https://bikedo.app/no/brand Locale: no Slik bruker du bikedo.app-merket. En kort veileder til ordmerket, paletten, typografien og hvordan vi snakker om produktet. Bruker du BikeDo-ressurser på en partnerside, i en pressepakke eller et fellesskapsinnlegg, er dette fasiten. --- ## Ordmerke To farger, to vekter, én Clay-aksent. Inter Black, litt strammere bokstavavstand. - Ordmerket er alltid «bikedo.app» (små bokstaver). «.app»-endelsen er alltid Clay. - Frirommet rundt ordmerket er minst høyden av «b». Ikke pakk det inn. - I løpende tekst skriver du produktet som BikeDo (CamelCase) — aldri «BikeDo App» eller «BikeDo API». --- ## Ikoner App-merket — en liten “b” i Clay på en mørk flate. Samme merke fungerer som app-ikon, favicon og ikon i bunntekster eller signaturer. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **App-ikon** — Avrundet firkant, “b” i Clay på Black/Charcoal. iOS og Android, App Store og Google Play. ([PNG 1024](https://bikedo.app/brand/app-icon-1024.png)) - **Favicon / liten** — En større bokstav for lesbarhet ved 16–32 px. Nettleserfaner, bokmerker og PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Vektorkilde** — Master-SVG for store renderinger og trykk — skalerer uten tap av kvalitet. ([SVG](https://bikedo.app/brand/icon.svg)) - Ikke omfarg, forvreng eller roter merket. Behold proporsjoner og frirom. - Ikonet har den mørke bakgrunnen innebygd — ikke plasser det på enda en mørk flate uten avstand. --- ## Bakgrunner Skrivebordsbakgrunner i merkepaletten — merket på charcoal, i 5K. Velg merket alene eller versjonen med slagordet. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Bare merket** — bikedo.app-merket sentrert på charcoal. Rent, uten slagord. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **Med slagordet · PL** — Merket med slagordet. 5120×2880 — velg språk. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **Med slagordet · EN** — Merket med slagordet. 5120×2880 — velg språk. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — Et letterbox-utsnitt for ultrawide og to skjermer. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **Til telefon** - **Bare merket** — Bare merket, i nedre halvdel (trygt for låseskjerm). iPhone og 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)) - **Med slagordet · PL** — Merket med slagordet, i nedre halvdel. iPhone og 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)) - **Med slagordet · EN** — Merket med slagordet, i nedre halvdel. iPhone og 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 / deling** Open Graph-bilde 1200×630 for deling og forhåndsvisninger. - **Bare merket** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **Med slagordet · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **Med slagordet · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## Fargepalett Canyon-inspirert. Én varm aksent (Clay), to mørke, to nøytrale, to teksttoner. Hver farge har en rolle — hold deg til den. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Hovedaksent. CTA, lenker, fokus, aktive states. Aldri som sidefarge. | | Black | `#1A1A1A` | Sidebakgrunn (mørke flater). Standard lerret i app og web. | | Charcoal | `#2D2D2D` | Bakgrunn for kort/paneler på mørke flater. Et hakk lysere enn Black. | | Stone | `#4A4A4A` | Kanter, skiller, hårlinjer på mørke flater. Senk til 30–60 % opacity for subtile separatorer. | | Text light | `#F5F5F5` | Primær tekst på mørke flater. Overskrifter og brødtekst på Black/Charcoal. | | Text muted | `#78716C` | Sekundær tekst, bildetekster, hint, plassholdere. Oppfyller WCAG AA på Black for brødtekststørrelser. | | Sand | `#E8DED5` | Kant på lyse flater (marketing, mockups). Passer med Light bg. | | Light bg | `#F8F6F3` | Brukket hvitt for lyst tema og mockups. Aldri rent hvitt. | --- ## Typografi Inter til produkt og brødtekst. Playfair Display til redaksjonelle overskrifter på marketingsider. Ikke bland — én rolle per flate. - **Inter** — UI + brødtekst - **Playfair Display** — Redaksjonelle overskrifter Hierarchy: - H1 — Playfair, 48–60px: _Et enklere hjem for syklene dine._ - H2 — Playfair, 28–36px: _Servicehistorikk uten regneark._ - Body — Inter, 16–18px: Legg til en service med to trykk. Legg ved et bilde. Del med et verksted. Hele historikken følger sykkelen når den skifter eier. - Caption — Inter, 12–13px: Sist servet for 14 dager siden · 1 240 km --- ## Tone of voice BikeDo høres ut som en rolig, kompetent venn som kan mye om sykler. Trygg, konkret, aldri hypete. Vi roper ikke. ### Gjør - **Bruk ordmerket som «bikedo.app» med «.app» i Clay.** — Kombiner med Inter Black/Bold og la det puste — minst «b»-høyden som frirom. - **I tekst skriver du produktet som «BikeDo» (CamelCase).** — CamelCase leses bedre midt i en setning enn ordmerket med små bokstaver. - **Bruk Clay sparsomt — som eneste aksent på en Black/Charcoal-side.** — Hvis alt er aksent, er ingenting aksent. Clay skal dra øyet til neste handling. - **Bruk sentence case i overskrifter og knapper.** — Sentence case høres mer menneskelig ut, mindre corporate. ### Ikke gjør - **Ikke skriv «BikeDo App», «BikeDo Mobile» eller «BikeDo API» i tekst.** — Det er bare BikeDo — app og API er implementeringsdetaljer, ikke en del av navnet. - **Ikke endre fargedelingen i ordmerket.** — «bikedo» alltid i Text light (mørk bakgrunn) eller Charcoal (lys); «.app» alltid i Clay. - **Ikke legg Clay på Clay og ikke farg om «.app»-endelsen.** — Du mister gjenkjenningssignalet som forankrer merket. - **Ikke bruk rent hvitt som bakgrunn.** — Bruk Light bg (#F8F6F3). Rent hvitt virker klinisk ved siden av den jordnære paletten. - **Ikke sett en tagline-lockup ved siden av ordmerket.** — Hvis du trenger en tagline, sett den på en egen linje under ordmerket i Text muted. --- Trenger du noe som ikke står her (vektorlogo, OG-maler, partnerbadges)? Skriv til hello@bikedo.app.