# Identita značky — bikedo.app > Manuál vizuální identity bikedo.app: wordmark, paleta barev, typografie, voice & tone. Source: https://bikedo.app/cs/brand Locale: cs 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. - 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. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **Ikona aplikace** — Zaoblený čtverec, „b“ v Clay na Black/Charcoal. iOS a Android, App Store a Google Play. ([PNG 1024](https://bikedo.app/brand/app-icon-1024.png)) - **Favikona / malá** — Větší písmeno pro čitelnost při 16–32 px. Karty prohlížeče, záložky a PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Vektorový zdroj** — Hlavní SVG pro velké rendery a tisk — škáluje se bez ztráty kvality. ([SVG](https://bikedo.app/brand/icon.svg)) - 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. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Jen značka** — Značka bikedo.app vycentrovaná na charcoalu. Čistě, bez sloganu. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **Se sloganem · PL** — Značka se sloganem. 5120×2880 — vyber si jazyk. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **Se sloganem · EN** — Značka se sloganem. 5120×2880 — vyber si jazyk. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — Panoramatický ořez pro ultrawide a dva monitory. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **Do telefonu** - **Jen značka** — Jen značka, ve spodní polovině (bezpečné pro zamykací obrazovku). iPhone a 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)) - **Se sloganem · PL** — Značka se sloganem, ve spodní polovině. iPhone a 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)) - **Se sloganem · EN** — Značka se sloganem, ve spodní polovině. iPhone a 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)) **Social / sdílení** Open Graph obrázek 1200×630 ke sdílení a náhledům v sítích. - **Jen značka** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **Se sloganem · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **Se sloganem · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## 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í. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Hlavní akcent. CTA, odkazy, focus, aktivní stavy. Nikdy jako pozadí stránky. | | Black | `#1A1A1A` | Pozadí stránky (tmavé povrchy). Výchozí canvas mobilní aplikace i webu. | | Charcoal | `#2D2D2D` | Pozadí karet/panelů na tmavých površích. O odstín světlejší než Black. | | Stone | `#4A4A4A` | Ohraničení, oddělovače, vlasové linie na tmavých površích. Sniž na 30–60 % opacity pro jemné separátory. | | Text light | `#F5F5F5` | Primární text na tmavých površích. Nadpisy a body na Black/Charcoal. | | Text muted | `#78716C` | Sekundární text, popisky, nápovědy, placeholdery. Splňuje WCAG AA na Black pro velikosti body. | | Sand | `#E8DED5` | Ohraničení na světlých površích (marketing, mockupy). Sedí s Light bg. | | Light bg | `#F8F6F3` | Lomená bílá pro světlé téma a mockupy. Nikdy čistá bílá. | --- ## Typografie Inter pro produkt a body. Playfair Display pro redakční nadpisy na marketingových stránkách. Nemíchej — jedna role na povrch. - **Inter** — UI + body - **Playfair Display** — Redakční nadpisy Hierarchy: - 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. --- Potřebuješ něco, co tu není (vektorové logo, OG šablony, partnerské badge)? Napiš na hello@bikedo.app.