Brändi-identiteetti
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.
Mustalla
Vaalealla taustalla
Yksivärinen (viimeinen vaihtoehto)
Pieni (favicon / sovelluksen kuvake)
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.
Sovelluskuvake
Pyöristetty neliö, ”b” Clay-värissä Black/Charcoal-taustalla. iOS ja Android, App Store ja Google Play.
Lataa · PNG 1024
Favikon / pieni
Suurempi kirjain luettavuuden vuoksi koossa 16–32 px. Selaimen välilehdet, kirjanmerkit ja PWA.
Lataa · .ico
Vektorilähde
Master-SVG suuriin renderöinteihin ja painatukseen — skaalautuu laadun kärsimättä.
Lataa · 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.
Pelkkä tunnus
bikedo.app-tunnus keskitettynä charcoal-taustalle. Siisti, ilman slogania. 5120×2880.
Puhelimeen
Pelkkä tunnus
Pelkkä tunnus, alaosassa (lukitusnäytölle sopiva). iPhone ja Android.
Some / jako
Väripaletti
Kanjonien inspiroima. Yksi lämmin aksentti (Clay), kaksi tummaa, kaksi neutraalia, kaksi tekstisävyä. Jokaisella värillä on roolinsa — pysy siinä.
Clay
#C45E3APäävalo. CTA:t, linkit, fokus, aktiiviset tilat. Ei koskaan sivun taustana.
Black
#1A1A1ASivun tausta (tummat pinnat). Mobiilin ja webin oletuskanvas.
Charcoal
#2D2D2DKorttien/paneelien tausta tummilla pinnoilla. Aste vaaleampi kuin Black.
Stone
#4A4A4AReunat, erottimet, hiusviivat tummilla pinnoilla. Laske 30–60 % läpinäkyvyyteen hienovaraisia erottimia varten.
Text light
#F5F5F5Päätekstit tummilla pinnoilla. Otsikot ja leipäteksti Black/Charcoal-pohjalla.
Vaalea sävy — yhdistä Charcoal- tai Black-tekstiin.
Text muted
#78716CToissijainen teksti, kuvatekstit, vihjeet, paikkamerkit. Täyttää WCAG AA Black-pohjalla leipätekstikoolla.
Sand
#E8DED5Reuna vaaleilla pinnoilla (markkinointi, mockupit). Sopii Light bg:n kanssa.
Vaalea sävy — yhdistä Charcoal- tai Black-tekstiin.
Light bg
#F8F6F3Murrettu valkoinen vaaleaan teemaan ja mockuppeihin. Ei koskaan puhtaan valkoinen.
Vaalea sävy — yhdistä Charcoal- tai Black-tekstiin.
Typografia
Inter tuotteeseen ja leipätekstiin. Playfair Display markkinointisivujen toimituksellisiin otsikoihin. Älä sekoita — yksi rooli pintaa kohden.
UI + leipä
Inter
Albert osti fagotin ja töräytti puhkuvan melodian
Toimitukselliset otsikot
Playfair Display
Albert osti fagotin ja töräytti puhkuvan melodian
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ä.