Identita značky
Ako používať značku bikedo.app.
Krátky sprievodca wordmarkom, paletou, typografiou a tým, ako o produkte hovoríme. Ak používaš materiály BikeDo na partnerských stránkach, v press kite alebo komunitnom poste, toto je zdroj pravdy.
Wordmark
Dve farby, dve hrúbky, jeden Clay akcent. Inter Black, mierne stiahnutý tracking.
Na čiernej
Na svetlom
Monochrómny (posledná možnosť)
Malý (favicon / ikona aplikácie)
Wordmark je vždy „bikedo.app“ (malé písmená). Prípona „.app“ je vždy v Clay.
Voľný priestor okolo wordmarku aspoň výška glyfu „b“. Nestláčaj ho.
V texte píšeme produkt ako BikeDo (CamelCase) — nikdy „BikeDo App“ ani „BikeDo API“.
Ikony
Značka aplikácie — malé „b“ vo farbe Clay na tmavej dlaždici. Tá istá značka slúži ako ikona aplikácie, favikona aj ikona v pätičkách alebo podpisoch.
Ikona aplikácie
Zaoblený štvorec, „b“ v Clay na Black/Charcoal. iOS a Android, App Store a Google Play.
Stiahnuť · PNG 1024
Favikona / malá
Väčšie písmeno pre čitateľnosť pri 16–32 px. Karty prehliadača, záložky a PWA.
Stiahnuť · .ico
Značku neprefarbuj, nedeformuj ani neotáčaj. Zachovaj proporcie a ochranný priestor.
Ikona má tmavé pozadie už v sebe — neumiestňuj ju na ďalšiu tmavú dlaždicu bez odstupu.
Tapety
Tapety na plochu v palete značky — značka na charcoale, v 5K. Vyber samotnú značku alebo verziu so sloganom.
Do telefónu
Len značka
Len značka, v spodnej polovici (bezpečné pre uzamknutú obrazovku). iPhone a Android.
So sloganom · PL
Značka so sloganom, v spodnej polovici. iPhone a Android.
So sloganom · EN
Značka so sloganom, v spodnej polovici. iPhone a Android.
Social / zdieľanie
Paleta farieb
Inšpirované kaňonmi. Jeden teplý akcent (Clay), dve tmavé, dve neutrálne, dva tóny textu. Každá farba má rolu — drž sa jej.
Clay
#C45E3AHlavný akcent. CTA, odkazy, focus, aktívne stavy. Nikdy ako pozadie stránky.
Black
#1A1A1APozadie stránky (tmavé povrchy). Predvolený canvas mobilnej aplikácie a webu.
Charcoal
#2D2D2DPozadie kariet/panelov na tmavých povrchoch. O odtieň svetlejšie než Black.
Stone
#4A4A4AOhraničenia, oddeľovače, vlasové čiary na tmavých povrchoch. Zníž na 30–60 % opacity pre jemné separátory.
Text light
#F5F5F5Primárny text na tmavých povrchoch. Nadpisy a body na Black/Charcoal.
Svetlý tón — kombinuj s textom Charcoal alebo Black.
Text muted
#78716CSekundárny text, popisky, hinty, placeholdery. Spĺňa WCAG AA na Black pre veľkosti body.
Sand
#E8DED5Ohraničenie na svetlých povrchoch (marketing, mockupy). Sedí s Light bg.
Svetlý tón — kombinuj s textom Charcoal alebo Black.
Light bg
#F8F6F3Zlomená biela pre svetlú tému a mockupy. Nikdy čistá biela.
Svetlý tón — kombinuj s textom Charcoal alebo Black.
Typografia
Inter pre produkt a body. Playfair Display pre redakčné nadpisy na marketingových stránkach. Nemiešaj — jedna rola na povrch.
UI + body
Inter
Kŕdeľ ďatľov učí mladé ďatlíky kvíliť
Redakčné nadpisy
Playfair Display
Kŕdeľ ďatľov učí mladé ďatlíky kvíliť
H1 — Playfair, 48–60px
Jednoduchší domov pre tvoje bicykle.
H2 — Playfair, 28–36px
Servisná história bez tabuliek.
Body — Inter, 16–18px
Pridaj servis dvoma ťuknutiami. Foto. Zdieľaj so servisom. Celá história cestuje s bicyklom pri zmene majiteľa.
Caption — Inter, 12–13px
Naposledy servisované pred 14 dňami · 1 240 km
Voice & tone
BikeDo znie ako pokojný, kompetentný kamarát, ktorý sa vyzná v bicykloch. Sebavedomý, konkrétny, nikdy prepálený. Nekričíme.
Áno
Používaj wordmark ako „bikedo.app“ s „.app“ v Clay.
Spoj s Inter Black/Bold a nechaj mu priestor — aspoň výška glyfu „b“ ako voľné miesto.
V texte píš produkt ako „BikeDo“ (CamelCase).
CamelCase sa vo vete číta lepšie ako wordmark malými písmenami.
Používaj Clay striedmo — ako jediný akcent na Black/Charcoal stránke.
Keď je všetko akcent, nič ním nie je. Clay má viesť oko k ďalšej akcii.
Používaj sentence case v nadpisoch a tlačidlách.
Sentence case znie ľudskejšie, menej korporátne.
Nie
Nepíš „BikeDo App“, „BikeDo Mobile“ ani „BikeDo API“ v texte.
Je to len BikeDo — aplikácia a API sú implementačné detaily, nie súčasť mena.
Nemeň rozdelenie farieb wordmarku.
„bikedo“ vždy v Text light (tmavé pozadia) alebo Charcoal (svetlé); „.app“ vždy v Clay.
Nedávaj Clay na Clay a neprefarbuj príponu „.app“.
Stratíš signál rozpoznateľnosti, ktorý značku kotví.
Nepoužívaj čistú bielu ako pozadie.
Použi Light bg (#F8F6F3). Čistá biela pôsobí pri zemitej palete klinicky.
Nepridávaj tagline lockup vedľa wordmarku.
Ak potrebuješ tagline, daj ho na samostatný riadok pod wordmarkom v Text muted.