Главная / Бренд-бук

Бренд-бук Motorguru

Единый стандарт фирменного стиля. Любая поверхность — сайт, документы, соцсети, реклама — использует только логотип, знак и цвета с этой страницы. Пожалуйста, не создавайте свои варианты.

Логотип

Написание — MOTORGURU слитно, без пробела. Допустима двухцветность: MOTOR — цвет текста, GURU — акцент. В сплошном тексте — «Motorguru». Знак-шестерёнка слева от слова.

MOTORGURUНа светлом
MOTORGURUНа тёмном

Знак — шестерёнка

«Залитая» шестерёнка (Material, settings), не контурная. Медленно вращается (5 сек/оборот), анимация отключается при prefers-reduced-motion. Цвет наследуется от текста (currentColor) — не перекрашивайте в посторонние цвета.

64
40
26
18

Фирменные цвета

AccentГлавный акцент#d9532b
InkОсновной текст, тёмный фон#22272e
SteelВторичный текст#5c6670
PaperФон страницы#f5f4f1
LineГраницы, разделители#e2e0db
GoodУспех, «в наличии»#2f8a57

Дополнительные акценты знака:

Gear Orangeзнак в статике / админка#ff7a45
Brand Redфавикон / логотип-текст#d4380d

Типографика

Системный гротеск (system-ui / Segoe UI / Roboto / Arial) — быстрый и родной на любом устройстве. Заголовки — жирные (800), с лёгким отрицательным трекингом. Моноширинный — для артикулов и VIN.

Заголовок H1 — 800
Подзаголовок H2 — 800
Основной текст. Контрактные запчасти из Японии — сами возим, сами продаём.
Артикул 13967 · VIN GH5FP-200225

Правила использования

Можно
  • писать MOTORGURU слитно, GURU — акцентом;
  • ставить знак слева от слова с небольшим зазором;
  • использовать логотип на светлом и тёмном фоне;
  • масштабировать пропорционально.
Нельзя
  • разрывать «MOTOR GURU» пробелом;
  • перекрашивать шестерёнку в посторонние цвета;
  • искажать пропорции, наклонять, добавлять тени/обводки;
  • заменять шрифт логотипа на декоративный.

Фавикон

Знак-шестерёнка. На сайте — favicon.ico (16/32/48) + SVG + apple-touch-icon.