Identyfikacja wizualna
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.
Na czarnym
Na jasnym tle
Monochromatyczny (ostateczność)
Mały (favikon / ikona apki)
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.
Clay
#C45E3AGłówny akcent. CTA, linki, focus, stany aktywne. Nigdy jako tło strony.
Black
#1A1A1ATło strony (ciemne powierzchnie). Domyślny canvas aplikacji mobilnej i web.
Charcoal
#2D2D2DTło kart i paneli na ciemnych powierzchniach. O ton jaśniejszy niż Black.
Stone
#4A4A4AObramowania, dividery, linie na ciemnych powierzchniach. Zmniejsz do 30–60% nieprzezroczystości dla subtelnych separatorów.
Text light
#F5F5F5Podstawowy tekst na ciemnych tłach. Nagłówki i treść na Black / Charcoal.
Jasny ton — łącz z tekstem Charcoal lub Black.
Text muted
#78716CTekst drugorzędny, podpisy, hinty, placeholdery. Spełnia WCAG AA na Black dla rozmiarów body.
Sand
#E8DED5Obramowanie na jasnych powierzchniach (marketing, mockupy). Łączy się z Light bg.
Jasny ton — łącz z tekstem Charcoal lub Black.
Light bg
#F8F6F3Złamana biel dla jasnego motywu i mockupów. Nigdy czystej bieli.
Jasny ton — łącz z tekstem Charcoal lub Black.
Typografia
Inter dla produktu i body. Playfair Display dla redakcyjnych nagłówków na marketingu. Nie mieszaj — jedna rola na powierzchnię.
UI + body
Inter
Zażółć gęślą jaźń — pchnąć w tę łódź jeża lub ośm skrzyń fig
Nagłówki redakcyjne
Playfair Display
Zażółć gęślą jaźń — pchnąć w tę łódź jeża lub ośm skrzyń fig
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.