# Identita značky — bikedo.app > Manuál vizuálnej identity bikedo.app: wordmark, paleta farieb, typografia, voice & tone. Source: https://bikedo.app/sk/brand Locale: sk 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. - 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. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **Ikona aplikácie** — Zaoblený štvorec, „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äčšie písmeno pre čitateľnosť pri 16–32 px. Karty prehliadača, záložky a PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Vektorový zdroj** — Hlavné SVG pre veľké rendery a tlač — škáluje sa bez straty kvality. ([SVG](https://bikedo.app/brand/icon.svg)) - 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. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Len značka** — Značka bikedo.app vycentrovaná na charcoale. Čisto, bez sloganu. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **So sloganom · PL** — Značka so sloganom. 5120×2880 — vyber si jazyk. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **So sloganom · EN** — Značka so sloganom. 5120×2880 — vyber si jazyk. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — Panoramatický orez pre ultrawide a dva monitory. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **Do telefónu** - **Len značka** — Len značka, v spodnej polovici (bezpečné pre uzamknutú 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)) - **So sloganom · PL** — Značka so sloganom, v spodnej polovici. 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)) - **So sloganom · EN** — Značka so sloganom, v spodnej polovici. 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 / zdieľanie** Open Graph obrázok 1200×630 na zdieľanie a náhľady v sieťach. - **Len značka** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **So sloganom · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **So sloganom · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## 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. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Hlavný akcent. CTA, odkazy, focus, aktívne stavy. Nikdy ako pozadie stránky. | | Black | `#1A1A1A` | Pozadie stránky (tmavé povrchy). Predvolený canvas mobilnej aplikácie a webu. | | Charcoal | `#2D2D2D` | Pozadie kariet/panelov na tmavých povrchoch. O odtieň svetlejšie než Black. | | Stone | `#4A4A4A` | Ohraničenia, oddeľovače, vlasové čiary na tmavých povrchoch. Zníž na 30–60 % opacity pre jemné separátory. | | Text light | `#F5F5F5` | Primárny text na tmavých povrchoch. Nadpisy a body na Black/Charcoal. | | Text muted | `#78716C` | Sekundárny text, popisky, hinty, placeholdery. Spĺňa WCAG AA na Black pre veľkosti body. | | Sand | `#E8DED5` | Ohraničenie na svetlých povrchoch (marketing, mockupy). Sedí s Light bg. | | Light bg | `#F8F6F3` | Zlomená biela pre svetlú tému a mockupy. Nikdy čistá biela. | --- ## Typografia Inter pre produkt a body. Playfair Display pre redakčné nadpisy na marketingových stránkach. Nemiešaj — jedna rola na povrch. - **Inter** — UI + body - **Playfair Display** — Redakčné nadpisy Hierarchy: - 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. --- Potrebuješ niečo, čo tu nie je (vektorové logo, OG šablóny, partnerské badge)? Napíš na hello@bikedo.app.