# Identyfikacja wizualna — bikedo.app

> Księga identyfikacji wizualnej bikedo.app: znak słowny, paleta kolorów, typografia, voice & tone.

Source: https://bikedo.app/brand
Locale: pl

Jak używać marki bikedo.app.

Krótki przewodnik po znaku, palecie, typografii i sposobie, w jaki mówimy o produkcie. Jeśli używasz materiałów BikeDo na stronie partnerskiej, w prasówce albo poście społecznościowym — to jest źródło prawdy.

---

## Znak słowny

Dwa kolory, dwie wagi, jeden glinkowy akcent. Inter Black z lekko zaciśniętym tracking.

- Znak to zawsze „bikedo.app” (małe litery). Końcówka „.app” zawsze w kolorze Clay.
- Wokół znaku zostaw światło minimum wysokości glifu „b”. Nie ściskaj go.
- W tekście produkt zapisujemy jako BikeDo (CamelCase) — nigdy „BikeDo App” ani „BikeDo API”.

---

## Paleta kolorów

Inspirowana kanionami. Jeden ciepły akcent (Clay), dwa ciemne, dwa neutralne, dwa tekstowe. Każdy kolor ma rolę — trzymaj się jej.

| Name | Hex | Role |
|------|-----|------|
| Clay | `#C45E3A` | Główny akcent. CTA, linki, focus, stany aktywne. Nigdy jako tło strony. |
| Black | `#1A1A1A` | Tło strony (ciemne powierzchnie). Domyślny canvas aplikacji mobilnej i web. |
| Charcoal | `#2D2D2D` | Tło kart i paneli na ciemnych powierzchniach. O ton jaśniejszy niż Black. |
| Stone | `#4A4A4A` | Obramowania, dividery, linie na ciemnych powierzchniach. Zmniejsz do 30–60% nieprzezroczystości dla subtelnych separatorów. |
| Text light | `#F5F5F5` | Podstawowy tekst na ciemnych tłach. Nagłówki i treść na Black / Charcoal. |
| Text muted | `#78716C` | Tekst drugorzędny, podpisy, hinty, placeholdery. Spełnia WCAG AA na Black dla rozmiarów body. |
| Sand | `#E8DED5` | Obramowanie na jasnych powierzchniach (marketing, mockupy). Łączy się z Light bg. |
| Light bg | `#F8F6F3` | Złamana biel dla jasnego motywu i mockupów. Nigdy czystej bieli. |

---

## Typografia

Inter dla produktu i body. Playfair Display dla redakcyjnych nagłówków na marketingu. Nie mieszaj — jedna rola na powierzchnię.

- **Inter** — UI + body
- **Playfair Display** — Nagłówki redakcyjne

Hierarchy:

- H1 — Playfair, 48–60px: _Prostsze miejsce dla twoich rowerów._
- H2 — Playfair, 28–36px: _Historia serwisowa bez arkuszy._
- Body — Inter, 16–18px: Dodaj serwis w dwa stuknięcia. Wrzuć zdjęcie. Udostępnij warsztatowi. Cała historia podróżuje z rowerem przy zmianie właściciela.
- Caption — Inter, 12–13px: Ostatni serwis 14 dni temu · 1240 km

---

## Voice & tone

BikeDo brzmi jak spokojny, kompetentny znajomy, który zna się na rowerach. Pewny siebie, konkretny, bez przesadnego hype'u. Nie krzyczymy.

### Tak

- **Używaj znaku jako „bikedo.app” z „.app” w kolorze Clay.** — Łącz z Inter Black/Bold, zostaw mu światło — minimum wysokość glifu „b” wokół.
- **W tekście pisz produkt jako „BikeDo” (CamelCase).** — W zdaniu CamelCase czyta się lepiej niż małe litery wordmarku.
- **Używaj Clay oszczędnie — jako jednego akcentu na stronie Black/Charcoal.** — Gdy wszystko jest akcentem, nic nim nie jest. Clay ma przyciągać oko do następnej akcji.
- **Stosuj sentence case w nagłówkach i przyciskach.** — Sentence case brzmi bardziej jak człowiek, mniej jak korporacyjny produkt.

### Nie

- **Nie pisz „BikeDo App”, „BikeDo Mobile” ani „BikeDo API” w tekście.** — To po prostu BikeDo — aplikacja i API to szczegóły implementacji, nie część nazwy.
- **Nie zmieniaj podziału kolorów w znaku.** — „bikedo” zawsze w Text light (ciemne tła) lub Charcoal (jasne); „.app” zawsze w Clay.
- **Nie nakładaj Clay na Clay i nie zmieniaj koloru „.app”.** — Tracisz sygnał rozpoznawalności, który kotwiczy znak.
- **Nie używaj czystej bieli jako tła.** — Użyj Light bg (#F8F6F3). Czysta biel wygląda klinicznie obok ziemistej palety.
- **Nie dodawaj lockupu z tagline'em obok znaku.** — Jeśli potrzebujesz tagline'a, ustaw go w osobnej linii pod znakiem w kolorze Text muted.

---

Potrzebujesz czegoś, czego tu nie ma (logo wektorowe, szablony OG, badge'y dla partnerów)? Napisz na hello@bikedo.app.