Prekės ženklo identitetas
Kaip naudoti bikedo.app prekės ženklą.
Trumpas gidas apie žodinį ženklą, paletę, tipografiją ir tai, kaip mes kalbame apie produktą. Jei naudoji BikeDo medžiagas partnerių svetainėje, presskite ar bendruomenės įraše — tai tiesos šaltinis.
Žodinis ženklas
Dvi spalvos, du svoriai, vienas Clay akcentas. Inter Black, šiek tiek sutankintos raidės.
Ant juodo
Ant šviesaus
Monochrominis (paskutinė išeitis)
Mažas (favicon / programos piktograma)
Žodinis ženklas visada „bikedo.app“ (mažosiomis). Galūnė „.app“ visada Clay spalvos.
Aplink ženklą palik erdvės bent „b“ raidės aukštį. Negniaužk.
Tekste produktą rašyk kaip BikeDo (CamelCase) — niekada „BikeDo App“ ar „BikeDo API“.
Piktogramos
Programėlės ženklas — maža „b“ Clay spalvos ant tamsaus langelio. Tas pats ženklas tinka kaip programėlės piktograma, favikona ir piktograma poraštėse ar parašuose.
Programėlės piktograma
Suapvalintas kvadratas, „b“ Clay spalvos ant Black/Charcoal. iOS ir Android, App Store ir Google Play.
Atsisiųsti · PNG 1024
Favikona / maža
Didesnė raidė įskaitomumui ties 16–32 px. Naršyklės kortelės, žymės ir PWA.
Atsisiųsti · .ico
Vektorinis šaltinis
Pagrindinis SVG dideliems atvaizdams ir spaudai — keičia dydį neprarasdamas kokybės.
Atsisiųsti · SVGNekeisk spalvos, nedeformuok ir nesuk ženklo. Išlaikyk proporcijas ir laisvą erdvę.
Piktograma jau turi tamsų foną — nedėk jos ant dar vieno tamsaus langelio be tarpo.
Ekrano užsklandos
Darbalaukio užsklandos prekės ženklo paletėje — ženklas ant charcoal, 5K. Pasirink tik ženklą arba versiją su šūkiu.
Telefonui
Tik ženklas
Tik ženklas, apatinėje pusėje (tinka užrakto ekranui). iPhone ir Android.
Su šūkiu · PL
Ženklas su šūkiu, apatinėje pusėje. iPhone ir Android.
Su šūkiu · EN
Ženklas su šūkiu, apatinėje pusėje. iPhone ir Android.
Socialiniai / dalijimasis
Spalvų paletė
Įkvėpta kanjonų. Vienas šiltas akcentas (Clay), dvi tamsios, dvi neutralios, du teksto tonai. Kiekviena spalva turi rolę — laikykis jos.
Clay
#C45E3APagrindinis akcentas. CTA, nuorodos, fokusas, aktyvios būsenos. Niekada kaip puslapio fonas.
Black
#1A1A1APuslapio fonas (tamsūs paviršiai). Numatytasis canvas mobilioje ir vebe.
Charcoal
#2D2D2DKortelių/skydelių fonas tamsiuose paviršiuose. Vienu tonu šviesesnis nei Black.
Stone
#4A4A4AApvadai, skirtukai, plaukinės linijos tamsiuose paviršiuose. Sumažink iki 30–60 % nepermatomumo subtiliems skirtukams.
Text light
#F5F5F5Pagrindinis tekstas tamsiuose paviršiuose. Antraštės ir tekstas ant Black/Charcoal.
Šviesus tonas — derink su Charcoal arba Black tekstu.
Text muted
#78716CAntrinis tekstas, parašai, užuominos, vietos rezervai. Atitinka WCAG AA ant Black esant teksto dydžiui.
Sand
#E8DED5Apvadas šviesiuose paviršiuose (marketingas, mockup'ai). Dera su Light bg.
Šviesus tonas — derink su Charcoal arba Black tekstu.
Light bg
#F8F6F3Sulaužyta balta šviesiai temai ir mockup'ams. Niekada gryna balta.
Šviesus tonas — derink su Charcoal arba Black tekstu.
Tipografija
Inter produktui ir tekstui. Playfair Display redakcinėms antraštėms marketingo puslapiuose. Nemaišyk — viena rolė vienam paviršiui.
UI + tekstas
Inter
Įlinkdama fechtuotojo špaga sublykčiojo pragaro liepsnose
Redakcinės antraštės
Playfair Display
Įlinkdama fechtuotojo špaga sublykčiojo pragaro liepsnose
H1 — Playfair, 48–60px
Paprastesni namai tavo dviračiams.
H2 — Playfair, 28–36px
Serviso istorija be skaičiuoklių.
Body — Inter, 16–18px
Užfiksuok aptarnavimą per du palietimus. Pridėk nuotrauką. Pasidalink su servisu. Visa istorija keliauja su dviračiu, kai keičiasi savininkas.
Caption — Inter, 12–13px
Paskutinis servisas prieš 14 d. · 1 240 km
Balsas ir tonas
BikeDo skamba kaip ramus, kompetentingas draugas, kuris išmano dviračius. Užtikrintas, konkretus, niekada nepūsta. Mes nešaukiame.
Daryk
Naudok žodinį ženklą kaip „bikedo.app“ su „.app“ Clay spalvoje.
Derink su Inter Black/Bold ir leisk kvėpuoti — bent „b“ aukščio laisva erdvė.
Tekste produktą rašyk kaip „BikeDo“ (CamelCase).
Sakinyje CamelCase skaitomas geriau nei mažosiomis raidėmis.
Naudok Clay taupiai — kaip vienintelį akcentą Black/Charcoal puslapyje.
Jei viskas akcentas — niekas ne. Clay turi vesti akį prie kito veiksmo.
Antraštėse ir mygtukuose naudok sentence case.
Skamba žmogiškiau, mažiau korporatyviai.
Nedaryk
Nerašyk tekste „BikeDo App“, „BikeDo Mobile“ ar „BikeDo API“.
Tai tiesiog BikeDo — programa ir API yra įgyvendinimo detalės, ne pavadinimo dalis.
Nekeisk žodinio ženklo spalvų pasidalinimo.
„bikedo“ visada Text light (tamsus fonas) arba Charcoal (šviesus); „.app“ visada Clay.
Nedėk Clay ant Clay ir neperdažyk „.app“ galūnės.
Prarandi atpažinimo signalą, kuris įtvirtina prekės ženklą.
Nenaudok grynos baltos kaip fono.
Naudok Light bg (#F8F6F3). Gryna balta šalia žemiškos paletės atrodo klinikiškai.
Nedėk tagline lockup'o šalia žodinio ženklo.
Jei reikia tagline, padėk jį atskiroje eilutėje po ženklu Text muted spalvoje.