# Brandidentitet — bikedo.app > Visuelle retningslinjer for bikedo.app: ordmærke, farvepalet, typografi og tone of voice. Source: https://bikedo.app/da/brand Locale: da Sådan bruger du bikedo.app-brandet. En kort guide til ordmærket, paletten, typografien og den måde, vi taler om produktet på. Bruger du BikeDo-aktiver på et partnersite, i et press kit eller i et community-opslag, er det her kilden. --- ## Ordmærke To farver, to vægte, ét Clay-accent. Inter Black, let strammet bogstavafstand. - Ordmærket er altid „bikedo.app“ (små bogstaver). „.app“-endelsen er altid Clay. - Frirum omkring ordmærket mindst højden af „b“. Pak det ikke ind. - I løbende tekst skriver du produktet som BikeDo (CamelCase) — aldrig „BikeDo App“ eller „BikeDo API“. --- ## Ikoner App-mærket — et lille “b” i Clay på en mørk flade. Samme mærke fungerer som app-ikon, favicon og ikon i sidefødder eller signaturer. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **App-ikon** — Afrundet 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 / lille** — Et større bogstav for læsbarhed ved 16–32 px. Browserfaner, bogmærker og PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Vektorkilde** — Master-SVG til store renderinger og tryk — skalerer uden tab af kvalitet. ([SVG](https://bikedo.app/brand/icon.svg)) - Omfarv, forvræng eller rotér ikke mærket. Bevar proportioner og frirum. - Ikonet har sin mørke baggrund indbygget — placér det ikke på endnu en mørk flade uden afstand. --- ## Baggrunde Skrivebordsbaggrunde i brandets palet — mærket på charcoal, i 5K. Vælg mærket alene eller versionen med sloganet. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Kun mærket** — bikedo.app-mærket centreret på charcoal. Rent, uden slogan. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **Med sloganet · PL** — Mærket med sloganet. 5120×2880 — vælg dit sprog. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **Med sloganet · EN** — Mærket med sloganet. 5120×2880 — vælg dit sprog. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — Et letterbox-udsnit til ultrawide og dobbeltskærm. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **Til telefon** - **Kun mærket** — Kun mærket, i nederste halvdel (sikkert til låseskærm). 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 sloganet · PL** — Mærket med sloganet, i nederste 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 sloganet · EN** — Mærket med sloganet, i nederste 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-billede 1200×630 til deling og social-previews. - **Kun mærket** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **Med sloganet · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **Med sloganet · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## Farvepalet Canyon-inspireret. Én varm accent (Clay), to mørke, to neutrale, to teksttoner. Hver farve har en rolle — hold dig til den. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Hovedaccent. CTA, links, focus, aktive states. Aldrig som sidebaggrund. | | Black | `#1A1A1A` | Sidebaggrund (mørke overflader). Standard canvas i mobil-app og web. | | Charcoal | `#2D2D2D` | Baggrund for cards/paneler på mørke overflader. Én tone lysere end Black. | | Stone | `#4A4A4A` | Kanter, separatorer, tynde linjer på mørke overflader. Sænk til 30–60% opacity for subtile separatorer. | | Text light | `#F5F5F5` | Primær tekst på mørke overflader. Overskrifter og body på Black/Charcoal. | | Text muted | `#78716C` | Sekundær tekst, billedtekster, hints, placeholders. Lever op til WCAG AA på Black ved body-størrelser. | | Sand | `#E8DED5` | Kant på lyse overflader (marketing, mockups). Matcher Light bg. | | Light bg | `#F8F6F3` | Knækket hvid til lyst tema og mockups. Aldrig rent hvid. | --- ## Typografi Inter til produkt og body. Playfair Display til redaktionelle overskrifter på marketingsider. Bland ikke — én rolle pr. overflade. - **Inter** — UI + body - **Playfair Display** — Redaktionelle overskrifter Hierarchy: - H1 — Playfair, 48–60px: _Et enklere hjem til dine cykler._ - H2 — Playfair, 28–36px: _Servicehistorik uden regneark._ - Body — Inter, 16–18px: Tilføj en service i to tryk. Læg et foto ved. Del med en cykelhandler. Hele historikken følger cyklen, når den skifter ejer. - Caption — Inter, 12–13px: Senest serviceret for 14 dage siden · 1.240 km --- ## Tone of voice BikeDo lyder som en rolig, kompetent ven, der har styr på cykler. Selvsikker, konkret, aldrig hypeagtig. Vi råber ikke. ### Gør - **Brug ordmærket som „bikedo.app“ med „.app“ i Clay.** — Par det med Inter Black/Bold og giv det luft — mindst „b“-højden som frirum. - **Skriv produktet i tekst som „BikeDo“ (CamelCase).** — CamelCase læses bedre midt i en sætning end små bogstaver-ordmærket. - **Brug Clay sparsomt — som det eneste accent på en Black/Charcoal-side.** — Hvis alt er accent, er intet accent. Clay skal trække øjet til næste handling. - **Brug sentence case i overskrifter og knapper.** — Sentence case lyder mere menneskeligt, mindre corporate. ### Lad være - **Skriv ikke „BikeDo App“, „BikeDo Mobile“ eller „BikeDo API“ i tekst.** — Det er bare BikeDo — app og API er implementeringsdetaljer, ikke en del af navnet. - **Skift ikke ordmærkets farveopdeling.** — „bikedo“ altid i Text light (mørke baggrunde) eller Charcoal (lyse); „.app“ altid i Clay. - **Læg ikke Clay på Clay og omfarv ikke „.app“-endelsen.** — Du mister genkendelsessignalet, der forankrer brandet. - **Brug ikke rent hvidt som baggrund.** — Brug Light bg (#F8F6F3). Rent hvidt virker klinisk ved siden af den jordede palet. - **Sæt ikke en tagline-lockup ved siden af ordmærket.** — Hvis du har brug for en tagline, sæt den på sin egen linje under ordmærket i Text muted. --- Mangler du noget, der ikke er her (vektor-logo, OG-skabeloner, partner-badges)? Skriv til hello@bikedo.app.