# Brändi-identiteetti — bikedo.app > bikedo.app:n visuaalisen identiteetin opas: sanamerkki, väripaletti, typografia, ääni ja sävy. Source: https://bikedo.app/fi/brand Locale: fi Näin käytät bikedo.app-brändiä. Lyhyt opas sanamerkkiin, palettiin, typografiaan ja siihen, miten puhumme tuotteesta. Jos käytät BikeDo-aineistoja kumppanisivulla, mediapaketissa tai yhteisöjulkaisussa, tämä on totuuden lähde. --- ## Sanamerkki Kaksi väriä, kaksi paksuutta, yksi Clay-aksentti. Inter Black, hieman tiivistetty kirjainväli. - Sanamerkki on aina ”bikedo.app” (pienillä kirjaimilla). ”.app”-pääte on aina Clay. - Sanamerkin ympärillä on tyhjää vähintään ”b”-kirjaimen korkeuden verran. Älä tungeta. - Leipätekstissä kirjoita tuote muodossa BikeDo (CamelCase) — ei koskaan ”BikeDo App” tai ”BikeDo API”. --- ## Kuvakkeet Sovelluksen tunnus — pieni ”b” Clay-värissä tummalla laatalla. Sama tunnus toimii sovelluskuvakkeena, favikonina ja kuvakkeena alatunnisteissa tai allekirjoituksissa. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **Sovelluskuvake** — Pyöristetty neliö, ”b” Clay-värissä Black/Charcoal-taustalla. iOS ja Android, App Store ja Google Play. ([PNG 1024](https://bikedo.app/brand/app-icon-1024.png)) - **Favikon / pieni** — Suurempi kirjain luettavuuden vuoksi koossa 16–32 px. Selaimen välilehdet, kirjanmerkit ja PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Vektorilähde** — Master-SVG suuriin renderöinteihin ja painatukseen — skaalautuu laadun kärsimättä. ([SVG](https://bikedo.app/brand/icon.svg)) - Älä väritä uudelleen, vääristä tai kierrä tunnusta. Säilytä mittasuhteet ja suoja-alue. - Kuvakkeessa on tumma tausta sisäänrakennettuna — älä sijoita sitä toiselle tummalle laatalle ilman väliä. --- ## Taustakuvat Työpöydän taustakuvat brändin paletissa — tunnus charcoal-taustalla, 5K-koossa. Valitse pelkkä tunnus tai versio sloganilla. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Pelkkä tunnus** — bikedo.app-tunnus keskitettynä charcoal-taustalle. Siisti, ilman slogania. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **Sloganin kanssa · PL** — Tunnus brändin sloganilla. 5120×2880 — valitse kielesi. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **Sloganin kanssa · EN** — Tunnus brändin sloganilla. 5120×2880 — valitse kielesi. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — Letterbox-rajaus ultrawide- ja kaksoisnäytöille. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **Puhelimeen** - **Pelkkä tunnus** — Pelkkä tunnus, alaosassa (lukitusnäytölle sopiva). iPhone ja 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)) - **Sloganin kanssa · PL** — Tunnus sloganilla, alaosassa. iPhone ja 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)) - **Sloganin kanssa · EN** — Tunnus sloganilla, alaosassa. iPhone ja 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)) **Some / jako** Open Graph -kuva 1200×630 jakoihin ja some-esikatseluihin. - **Pelkkä tunnus** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **Sloganin kanssa · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **Sloganin kanssa · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## Väripaletti Kanjonien inspiroima. Yksi lämmin aksentti (Clay), kaksi tummaa, kaksi neutraalia, kaksi tekstisävyä. Jokaisella värillä on roolinsa — pysy siinä. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Päävalo. CTA:t, linkit, fokus, aktiiviset tilat. Ei koskaan sivun taustana. | | Black | `#1A1A1A` | Sivun tausta (tummat pinnat). Mobiilin ja webin oletuskanvas. | | Charcoal | `#2D2D2D` | Korttien/paneelien tausta tummilla pinnoilla. Aste vaaleampi kuin Black. | | Stone | `#4A4A4A` | Reunat, erottimet, hiusviivat tummilla pinnoilla. Laske 30–60 % läpinäkyvyyteen hienovaraisia erottimia varten. | | Text light | `#F5F5F5` | Päätekstit tummilla pinnoilla. Otsikot ja leipäteksti Black/Charcoal-pohjalla. | | Text muted | `#78716C` | Toissijainen teksti, kuvatekstit, vihjeet, paikkamerkit. Täyttää WCAG AA Black-pohjalla leipätekstikoolla. | | Sand | `#E8DED5` | Reuna vaaleilla pinnoilla (markkinointi, mockupit). Sopii Light bg:n kanssa. | | Light bg | `#F8F6F3` | Murrettu valkoinen vaaleaan teemaan ja mockuppeihin. Ei koskaan puhtaan valkoinen. | --- ## Typografia Inter tuotteeseen ja leipätekstiin. Playfair Display markkinointisivujen toimituksellisiin otsikoihin. Älä sekoita — yksi rooli pintaa kohden. - **Inter** — UI + leipä - **Playfair Display** — Toimitukselliset otsikot Hierarchy: - H1 — Playfair, 48–60px: _Yksinkertaisempi koti pyörillesi._ - H2 — Playfair, 28–36px: _Huoltohistoria ilman taulukoita._ - Body — Inter, 16–18px: Kirjaa huolto kahdella napautuksella. Lisää valokuva. Jaa korjaamolle. Koko historia kulkee pyörän mukana omistajan vaihtuessa. - Caption — Inter, 12–13px: Viimeksi huollettu 14 päivää sitten · 1 240 km --- ## Ääni ja sävy BikeDo kuulostaa rauhalliselta, osaavalta kaverilta, joka tietää pyöristä paljon. Itsevarma, konkreettinen, ei koskaan hypettävä. Emme huuda. ### Tee - **Käytä sanamerkkiä muodossa ”bikedo.app”, jossa ”.app” on Clay.** — Yhdistä Inter Black/Bold -fonttiin ja anna hengittää — vähintään ”b”-kirjaimen korkeuden verran tilaa. - **Kirjoita tuote leipätekstissä muodossa ”BikeDo” (CamelCase).** — CamelCase luetaan lauseessa paremmin kuin pieniin kirjaimiin kirjoitettu sanamerkki. - **Käytä Clay-sävyä säästeliäästi — yhtenä aksenttina Black/Charcoal-sivulla.** — Kun kaikki on aksentti, mikään ei ole. Clay vie katseen seuraavaan toimintoon. - **Käytä sentence case -kirjoitustapaa otsikoissa ja painikkeissa.** — Se kuulostaa inhimillisemmältä, vähemmän yritysmäiseltä. ### Älä tee - **Älä kirjoita leipätekstissä ”BikeDo App”, ”BikeDo Mobile” tai ”BikeDo API”.** — Se on vain BikeDo — sovellus ja API ovat toteutuksen yksityiskohtia, eivät osa nimeä. - **Älä muuta sanamerkin värijakoa.** — ”bikedo” aina Text light (tumma tausta) tai Charcoal (vaalea); ”.app” aina Clay. - **Älä laita Clay-sävyä Clayn päälle äläkä väritä ”.app”-päätettä uudelleen.** — Brändiä ankkuroiva tunnistesignaali katoaa. - **Älä käytä puhdasta valkoista taustana.** — Käytä Light bg (#F8F6F3). Puhdas valkoinen näyttää maanläheisen paletin rinnalla kliiniseltä. - **Älä laita tagline-lockupia sanamerkin viereen.** — Jos tarvitset tagline-tekstin, aseta se omalle rivilleen sanamerkin alle Text muted -sävyllä. --- Tarvitsetko jotain, mitä täältä ei löydy (vektorilogo, OG-pohjat, kumppanitunnukset)? Lähetä sähköpostia osoitteeseen hello@bikedo.app.