Один знак, одна палитра, и обе работают на продукт.
Айдентика намеренно небольшая. Стрелка компаса, которая выживает в фавиконе, и палитра, чьи переменные заодно рисуют подложку в наших демо — чтобы бренд и продукт не могли разъехаться.
Знак
Наконечник стрелы, рассечённый по оси: ведущая половина несёт янтарный «маяк», ведомая — цвет поверхности с низкой прозрачностью. Читается как игла компаса, пин на карте и курсор воспроизведения — ровно три вещи, которыми занимается компания. Два контура, никаких деталей, разборчиво при 16 пикселях.
Палитра
Сигнальные цвета названы по тому, что они делают на карте. Нейтральные — холодный графит, чтобы тёплый акцент звенел на их фоне: все конкуренты в категории сидят в холодном синем или бирюзовом.
Правила контраста. Сигнальные цвета годятся для текста только на тёмных поверхностях. На светлых они только заливка, а текст поверх — чернильный; для цветного текста на светлом есть варианты -deep. Тест в сборке проверяет каждую пару по WCAG AA, поэтому правка палитры, ломающая контраст, роняет CI, а не уезжает в прод.
Типографика
Space Grotesk для дисплейных заголовков, Inter для интерфейса и текста, JetBrains Mono для кода и всех чисел в таблицах. Русские заголовки откатываются на Inter, потому что у Space Grotesk нет кириллицы, а синтезированное начертание хуже честного.
Half of HERE’s list price
Free allowances are identical to HERE’s — the discount is on price, not on limits.
$0.44 · $0.75 · $0.044 · 99.98%
Использование знака
- Оставляйте вокруг свободное поле шириной не меньше самой иглы
- Не перекрашивайте знак за пределами двух поставляемых вариантов
- Не растягивайте, не вращайте сверх анимации при наведении и не добавляйте эффектов
- Логотип набран Space Grotesk 700 с трекингом −4,5%, всегда строчными
- Не создавайте впечатление партнёрства с HERE, Google или Mapbox, используя эти файлы