Identita značky
Jak používat značku bikedo.app.
Krátký průvodce wordmarkem, paletou, typografií a způsobem, jakým o produktu mluvíme. Pokud používáš materiály BikeDo na partnerských stránkách, v press kitu nebo komunitním postu, tohle je zdroj pravdy.
Wordmark
Dvě barvy, dvě tloušťky, jeden Clay akcent. Inter Black, lehce zúžený tracking.
Na černé
Na světlém
Monochromní (poslední možnost)
Malý (favicon / ikona aplikace)
Wordmark je vždy „bikedo.app“ (malými písmeny). Přípona „.app“ je vždy v Clay.
Volný prostor kolem wordmarku alespoň výška glyfu „b“. Nestlačuj ho.
V textu píšeme produkt jako BikeDo (CamelCase) — nikdy „BikeDo App“ ani „BikeDo API“.
Ikony
Značka aplikace — malé „b“ v barvě Clay na tmavé dlaždici. Stejná značka slouží jako ikona aplikace, favikona i ikona v patičkách nebo podpisech.
Ikona aplikace
Zaoblený čtverec, „b“ v Clay na Black/Charcoal. iOS a Android, App Store a Google Play.
Stáhnout · PNG 1024
Favikona / malá
Větší písmeno pro čitelnost při 16–32 px. Karty prohlížeče, záložky a PWA.
Stáhnout · .ico
Značku nepřebarvuj, nedeformuj ani neotáčej. Zachovej proporce a ochranný prostor.
Ikona má tmavé pozadí už v sobě — neumísťuj ji na další tmavou dlaždici bez odstupu.
Tapety
Tapety na plochu v paletě značky — značka na charcoalu, v 5K. Vyber samotnou značku nebo verzi se sloganem.
Do telefonu
Jen značka
Jen značka, ve spodní polovině (bezpečné pro zamykací obrazovku). iPhone a Android.
Se sloganem · PL
Značka se sloganem, ve spodní polovině. iPhone a Android.
Se sloganem · EN
Značka se sloganem, ve spodní polovině. iPhone a Android.
Social / sdílení
Paleta barev
Inspirováno kaňony. Jeden teplý akcent (Clay), dvě tmavé, dvě neutrální, dva tóny textu. Každá barva má roli — drž se jí.
Clay
#C45E3AHlavní akcent. CTA, odkazy, focus, aktivní stavy. Nikdy jako pozadí stránky.
Black
#1A1A1APozadí stránky (tmavé povrchy). Výchozí canvas mobilní aplikace i webu.
Charcoal
#2D2D2DPozadí karet/panelů na tmavých površích. O odstín světlejší než Black.
Stone
#4A4A4AOhraničení, oddělovače, vlasové linie na tmavých površích. Sniž na 30–60 % opacity pro jemné separátory.
Text light
#F5F5F5Primární text na tmavých površích. Nadpisy a body na Black/Charcoal.
Světlý tón — kombinuj s textem Charcoal nebo Black.
Text muted
#78716CSekundární text, popisky, nápovědy, placeholdery. Splňuje WCAG AA na Black pro velikosti body.
Sand
#E8DED5Ohraničení na světlých površích (marketing, mockupy). Sedí s Light bg.
Světlý tón — kombinuj s textem Charcoal nebo Black.
Light bg
#F8F6F3Lomená bílá pro světlé téma a mockupy. Nikdy čistá bílá.
Světlý tón — kombinuj s textem Charcoal nebo Black.
Typografie
Inter pro produkt a body. Playfair Display pro redakční nadpisy na marketingových stránkách. Nemíchej — jedna role na povrch.
UI + body
Inter
Příliš žluťoučký kůň úpěl ďábelské ódy
Redakční nadpisy
Playfair Display
Příliš žluťoučký kůň úpěl ďábelské ódy
H1 — Playfair, 48–60px
Jednodušší domov pro tvá kola.
H2 — Playfair, 28–36px
Servisní historie bez tabulek.
Body — Inter, 16–18px
Přidej servis dvěma ťuky. Foto. Sdílej se servisem. Celá historie cestuje s kolem při změně majitele.
Caption — Inter, 12–13px
Naposledy servisováno před 14 dny · 1 240 km
Voice & tone
BikeDo zní jako klidný a zkušený kamarád, který se vyzná v kolech. Sebevědomý, konkrétní, nikdy přepálený. Nekřičíme.
Ano
Používej wordmark jako „bikedo.app“ s „.app“ v Clay.
Spoj ho s Inter Black/Bold a nech mu prostor — alespoň výška glyfu „b“ volného místa.
V textu piš produkt jako „BikeDo“ (CamelCase).
CamelCase se čte ve větě lépe než wordmark malými písmeny.
Používej Clay střídmě — jako jediný akcent na Black/Charcoal stránce.
Když je vše akcent, nic není. Clay má vést oko k další akci.
Používej sentence case v nadpisech a tlačítkách.
Sentence case zní lidštěji, méně korporátně.
Ne
Nepiš „BikeDo App“, „BikeDo Mobile“ ani „BikeDo API“ v textu.
Je to jen BikeDo — aplikace a API jsou implementační detaily, ne součást jména.
Neměň rozdělení barev wordmarku.
„bikedo“ vždy v Text light (tmavá pozadí) nebo Charcoal (světlá); „.app“ vždy v Clay.
Nedávej Clay na Clay a nepřebarvuj příponu „.app“.
Ztratíš signál rozpoznatelnosti, který značku kotví.
Nepoužívej čistou bílou jako pozadí.
Použij Light bg (#F8F6F3). Čistá bílá vedle zemité palety působí klinicky.
Nepřidávej tagline lockup vedle wordmarku.
Pokud potřebuješ tagline, dej ho na samostatný řádek pod wordmarkem v Text muted.