Визуальная система

Светлая бумага.
Тёмный продукт.

Цвет, типографика и правила, которые сохраняют единый вид материалов и интерфейса Leadar.

У каждого цвета своя задача

Светлая «бумага» задаёт основу материалов, тёмный фон — продукта. Цвет молнии сохраняет узнаваемость знака, акцент отмечает важные элементы и точки карты. Для кнопок и текста используются отдельные оттенки.

Молния

#E94130

Цвет знака Leadar.

Акцент

#E8401C

Главный акцент и точки карты.

Продукт

#07090F

Основной тёмный фон.

Бумага

#F6F5F2

Светлая основа материалов.

Светлая основа

Фон #F6F5F2, текст #12141B. Абзацы — #4D5668, подписи — #565E70.

Кнопка · #C9330F

Белый текст на кнопке.

Тёмный продукт

Фон #07090F, панель #141A2A, основной текст #EAEEF6.

Понятные условия перед глазами.
Вторичный текст · #8E9AB0

Назначение оттенка имеет значение: цвет логотипа, цвет кнопки и акцентный текст — разные роли.

Montserrat

Один шрифт для заголовков, условий, действий, основного текста и подписей.

На другой стороне человек.

Заголовок · 40 px · 700

Условия до переписки.

Заголовок раздела · 24 px · 700

Укажите адрес, время и ставку.

Условия и действия · 600

Решение, с кем работать, остаётся за человеком.

Основной текст · 16 px · 400

Район, день, ставка и опыт.

Подписи · 12 px · 400
  • Экранная шкала: 40 / 24 / 16 / 12 px.
  • Межстрочный интервал текста: 1,4–1,5.
  • Курсив — только для короткого акцента.

Полная палитра

65 RGB-цветов для логотипа, продукта, лендингов, служебной панели, схем и эффектов. У каждого указаны HEX и назначение.

Нажмите HEX, чтобы скопировать цвет.

Скачать JSON ↓Скачать CSS ↓
Акценты и статусы 10 цветов

Молния логотипа

Главный акцент, точки карты

Кнопки

Акцентный текст на бумаге

Фокус, выделение на карте

Ссылки на тёмном, внимание

Рядом, успех, настоящее

Индикатор на бумаге

Ошибка, устаревшие данные

Издалека, демо, неизвестно

Тёплые детали и свет 7 цветов

Активная вкладка в макете

Ссылка в демо-панели

Счётчики и подсказки

Световой блик молнии

Ореол молнии

RGB-основа прозрачного слоя

Импульсы на схеме

RGB-основа прозрачного слоя

Тёплый отблеск

RGB-основа прозрачного слоя

Фоны и поверхности 19 цветов

Бумага

Светлая секция

Тёплая подложка

Светлая карточка

Белый текст и поверхности

Основной фон продукта

Панель продукта

Вложенная панель

Тёмная секция лендинга

Шапка и фильтры макета

Подложка молнии

Панель живой схемы

Градиент корпуса телефона

Карта в макете телефона

Плашка поверх схемы

Строки и карточки макетов

Узлы схемы и форма

Список станций

Градиент панели соискателя

Текст и подписи 13 цветов

Основной текст на бумаге

Абзацы на бумаге

Подписи на бумаге

Основной текст продукта

Лого и текст лендингов

Вторичный текст продукта

Разделители, скелетоны

Подсказка поля поиска

Метки фильтров и групп

Время и метки в макете

Подписи макета телефона

Станции и фильтры

Подписи шагов

Тени и слои 4 цвета

Тени и маски

RGB-основа прозрачного слоя

Тень панели на бумаге

RGB-основа прозрачного слоя

Разделитель шапки

RGB-основа прозрачного слоя

Фон уведомления

RGB-основа прозрачного слоя

Схемы и иллюстрации 12 цветов

Чип в макете

Аватар-заглушка

Градиент корпуса телефона

Начало фонового градиента

Точки в шапке макета

Линии схемы станций

Строки-заглушки

Середина фонового градиента

Тёплая часть градиента

Край фонового градиента

Чертёж и пустое состояние

Гистограмма соискателя

Основные прозрачности

9%Белая линия
16%Усиленная линия
13%Линия на бумаге
13%Фон демо
12%Фон «настоящее»

Для прозрачных слоёв в палитре показана RGB-основа. Оттенок на экране зависит от фона и непрозрачности.

Палитра сверена со стилями Leadar и SVG логотипов 05.09.2026. Цвета внешней подложки OpenFreeMap в неё не входят.

Основа: брендбук Leadar UI02.1 · Редакция 05 · 05.09.2026.