# Varumärkesidentitet — bikedo.app > Visuell identitet-guide för bikedo.app: ordmärke, färgpalett, typografi, röst och ton. Source: https://bikedo.app/sv/brand Locale: sv 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. - 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. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **App-ikon** — Rundad kvadrat, ”b” i Clay på Black/Charcoal. iOS och Android, App Store och Google Play. ([PNG 1024](https://bikedo.app/brand/app-icon-1024.png)) - **Favicon / liten** — En större bokstav för läsbarhet vid 16–32 px. Webbläsarflikar, bokmärken och PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Vektorkälla** — Master-SVG för stora renderingar och tryck — skalar utan kvalitetsförlust. ([SVG](https://bikedo.app/brand/icon.svg)) - Fä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. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Bara märket** — bikedo.app-märket centrerat på charcoal. Rent, utan slogan. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **Med slogan · PL** — Märket med sloganen. 5120×2880 — välj ditt språk. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **Med slogan · EN** — Märket med sloganen. 5120×2880 — välj ditt språk. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — En letterbox-beskärning för ultrawide och dubbla skärmar. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **För telefon** - **Bara märket** — Bara märket, i nedre halvan (säkert för låsskärm). iPhone och 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 slogan · PL** — Märket med sloganen, i nedre halvan. iPhone och 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 slogan · EN** — Märket med sloganen, i nedre halvan. iPhone och 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 / delning** Open Graph-bild 1200×630 för delning och social-förhandsvisningar. - **Bara märket** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **Med slogan · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **Med slogan · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## 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. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Huvudaccent. CTA, länkar, fokus, aktiva tillstånd. Aldrig som sidbakgrund. | | Black | `#1A1A1A` | Sidbakgrund (mörka ytor). Standard canvas i mobilappen och webb. | | Charcoal | `#2D2D2D` | Bakgrund för kort/paneler på mörka ytor. Ett steg ljusare än Black. | | Stone | `#4A4A4A` | Kanter, avdelare, hårfina linjer på mörka ytor. Sänk till 30–60 % opacitet för subtila separatorer. | | Text light | `#F5F5F5` | Primär text på mörka ytor. Rubriker och brödtext på Black/Charcoal. | | Text muted | `#78716C` | Sekundär text, bildtexter, hintar, platshållare. Uppfyller WCAG AA på Black för brödtextstorlekar. | | Sand | `#E8DED5` | Kant på ljusa ytor (marknad, mockups). Passar med Light bg. | | Light bg | `#F8F6F3` | Brutet vitt för ljust tema och mockups. Aldrig rent vitt. | --- ## Typografi Inter för produkt och brödtext. Playfair Display för redaktionella rubriker på marknadssidor. Blanda inte — en roll per yta. - **Inter** — UI + brödtext - **Playfair Display** — Redaktionella rubriker Hierarchy: - 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. --- Behöver du något som inte finns här (vektorlogo, OG-mallar, partnerbadges)? Maila hello@bikedo.app.