Айдентика
Як використовувати бренд bikedo.app.
Короткий гайд по вордмарку, палітрі, типографіці та тому, як ми говоримо про продукт. Якщо ти використовуєш ассети BikeDo на партнерському сайті, у пресс-кіті чи комʼюніті-пості — це джерело правди.
Вордмарк
Два кольори, дві товщини, один Clay-акцент. Inter Black, трохи стиснутий трекінг.
На чорному
На світлому
Монохром (останній варіант)
Малий (favicon / іконка застосунку)
Вордмарк завжди «bikedo.app» (малими). Суфікс «.app» завжди в Clay.
Простір довкола вордмарку щонайменше висоти «b». Не стискай.
У тексті продукт пишемо як BikeDo (CamelCase) — ніколи «BikeDo App» чи «BikeDo API».
Іконки
Знак застосунку — маленька «b» кольору Clay на темній плитці. Той самий знак працює як іконка застосунку, фавікон та іконка в підвалах чи підписах.
Іконка застосунку
Заокруглений квадрат, «b» у Clay на Black/Charcoal. iOS та Android, App Store і Google Play.
Завантажити · PNG 1024
Фавікон / мала
Більша літера для читабельності при 16–32 px. Вкладки браузера, закладки та PWA.
Завантажити · .ico
Векторне джерело
Майстер-SVG для великих рендерів і друку — масштабується без втрати якості.
Завантажити · SVGНе перефарбовуй, не спотворюй і не обертай знак. Зберігай пропорції та вільний простір.
Іконка має вбудований темний фон — не розміщуй її на ще одній темній плитці без відступу.
Шпалери
Шпалери для робочого столу в палітрі бренду — знак на charcoal, у 5K. Обери лише знак або версію зі слоганом.
Для телефона
Лише знак
Лише знак, у нижній половині (безпечно для екрана блокування). iPhone та Android.
Зі слоганом · PL
Знак зі слоганом, у нижній половині. iPhone та Android.
Зі слоганом · EN
Знак зі слоганом, у нижній половині. iPhone та Android.
Соцмережі / поширення
Палітра кольорів
Натхненна каньйонами. Один теплий акцент (Clay), два темні, два нейтральні, два текстові тони. Кожен колір має роль — тримайся її.
Clay
#C45E3AГоловний акцент. CTA, посилання, focus, активні стани. Ніколи як фон сторінки.
Black
#1A1A1AФон сторінки (темні поверхні). Дефолтний canvas мобайла і вебу.
Charcoal
#2D2D2DФон карток/панелей на темних поверхнях. На тон світліше за Black.
Stone
#4A4A4AБордюри, роздільники, тонкі лінії на темних поверхнях. Знижуй до 30–60% непрозорості для делікатних сепараторів.
Text light
#F5F5F5Основний текст на темних поверхнях. Заголовки і body на Black/Charcoal.
Світлий тон — поєднуй із текстом Charcoal або Black.
Text muted
#78716CДругорядний текст, підписи, хінти, плейсхолдери. Відповідає WCAG AA на Black для body-розмірів.
Sand
#E8DED5Бордюр на світлих поверхнях (маркетинг, мокапи). Поєднується з Light bg.
Світлий тон — поєднуй із текстом Charcoal або Black.
Light bg
#F8F6F3Зламаний білий для світлої теми та мокапів. Ніколи чистий білий.
Світлий тон — поєднуй із текстом Charcoal або Black.
Типографіка
Inter для продукту і body. Playfair Display для редакційних заголовків на маркетингових сторінках. Не міксуй — одна роль на поверхню.
UI + body
Inter
Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п'яне дощем тріщить
Редакційні заголовки
Playfair Display
Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п'яне дощем тріщить
H1 — Playfair, 48–60px
Простіша домівка для твоїх велосипедів.
H2 — Playfair, 28–36px
Сервісна історія без таблиць.
Body — Inter, 16–18px
Додай сервіс у два тапи. Фото. Поділись із майстернею. Уся історія мандрує з велом, коли він змінює власника.
Caption — Inter, 12–13px
Останній сервіс 14 днів тому · 1 240 км
Voice & tone
BikeDo звучить як спокійний, компетентний друг, який знається на велосипедах. Впевнений, конкретний, ніколи не крикливий. Ми не кричимо.
Так
Використовуй вордмарк як «bikedo.app» із «.app» у Clay.
Поєднай з Inter Black/Bold і дай простір — щонайменше висота «b» вільного місця.
У тексті пиши продукт як «BikeDo» (CamelCase).
CamelCase у реченні читається краще, ніж малими літерами.
Використовуй Clay помірно — як єдиний акцент на сторінці Black/Charcoal.
Коли все акцент — нічого не акцент. Clay має вести око до наступної дії.
Використовуй sentence case у заголовках і кнопках.
Sentence case звучить людяніше, менш корпоративно.
Ні
Не пиши «BikeDo App», «BikeDo Mobile» чи «BikeDo API» у тексті.
Це просто BikeDo — застосунок і API є деталями реалізації, не частиною назви.
Не змінюй розподіл кольорів вордмарку.
«bikedo» завжди в Text light (темне тло) або Charcoal (світле); «.app» завжди в Clay.
Не клади Clay на Clay і не перефарбовуй суфікс «.app».
Втрачаєш сигнал упізнаваності, який тримає бренд.
Не використовуй чистий білий як тло.
Використовуй Light bg (#F8F6F3). Чистий білий поряд із землистою палітрою виглядає клінічно.
Не додавай tagline lockup поруч із вордмарком.
Якщо потрібен tagline, постав його окремим рядком під вордмарком у Text muted.