Брендбук · v1

Как выглядит и как говорит компания

Правила фирменного стиля «Смарт Решения»: логотип, цвет, гарнитуры, тон голоса. Всё, что ниже, отрисовано боевыми CSS-файлами сайта — если правило изменится в системе, эта страница изменится вместе с ней.

Логотип: 1
Гарнитуры: 3
Акцент: 1
Темы: 2

01Основа

Что мы обещаем и чем это доказываем

Стиль вторичен по отношению к позиционированию. Всё остальное в этом документе — следствие трёх утверждений ниже.

Кто мы

Инженеры данных с финансовой экспертизой. Не консалтинг и не интегратор: партнёры сами были заказчиками таких проектов в роли CFO и CDO.

Что делаем

Строим корпоративные хранилища и Базы знаний под ключ — так, чтобы ИИ работал на методологии компании, а не догадывался о ней.

Как это выглядит

Инженерная сдержанность: графит, один синий акцент, острые углы, волосяные линии. Ничего декоративного без функции.

02Логотип

Два слова и линия между ними

Знак набирается гарнитурой заголовков в светлом начертании, прописными, с разрядкой. Линия — не украшение: она держит расстояние между словами и задаёт оптическую середину знака.

Размеры

СМАРТ РЕШЕНИЯ СМАРТ РЕШЕНИЯ СМАРТ РЕШЕНИЯ

Крупный — обложки и первый экран. Средний — подвал и документы. Базовый — шапка сайта. Меньше базового знак не набирается: разрядка схлопывается и слова слипаются.

Охранное поле

СМАРТ РЕШЕНИЯ

Свободное поле вокруг знака — не меньше высоты прописной буквы «С». В это поле не заходят ни текст, ни линии, ни край макета.

Что со знаком делать нельзя

Менять начертание, кегль или разрядку слов относительно друг друга
Убирать линию, заменять её точкой, дефисом или иконкой
Красить знак в акцентный синий: он всегда цвета основного текста
Ставить на фотографию или на пёстрый фон без сплошной подложки
Наклонять, растягивать по одной оси, добавлять тень или обводку

03Цвет

Графит, и ровно один синий

Палитра держится на нейтральной шкале. Синий — единственный акцент, и у него одна работа: показывать, куда нажимать и что сейчас выбрано.

Нейтральная шкала

--night-850фон страницы

--surface-inverseприподнятые полосы

--ink-700границы, разделители

--ink-500третичный текст

--ink-300вторичный текст

--ink-100основной текст

Акцент

--blue-600кнопки, активное состояние

--blue-400акцентный текст, иконки

Правила

Один акцент на экран: если синим выделено всё, не выделено ничего
Контраст текста к фону — не ниже 4,5:1, для крупного — не ниже 3:1
Цвет не единственный носитель смысла: рядом всегда подпись или иконка
Не вводить второй акцентный цвет ради «оживления» макета
Не заливать синим большие площади: он работает точечно

04Шрифты

Три гарнитуры, у каждой своя работа

Гарнитуры не смешиваются в одной роли. Заголовочная не набирает абзацы, текстовая не набирает крупные заголовки, моноширинная — только служебное.

Заголовки
--font-display Мы меняем подход

Текст
--font-text Абзацы, лиды, интерфейсные подписи и кнопки

Служебное
--font-mono 04 · ПЛАТФОРМА ATLAS · 2026

Полная шкала кеглей, интерлиньяжей и трекинга — в дизайн-системе. Здесь только правило выбора.

05Тон голоса

Говорим как инженер, а не как презентация

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

Принцип	Так	Не так
Конкретно	Витрины под конкретные вопросы CFO, COO и CRO	Инновационные решения для вашего бизнеса
Честно о границах	Публичные кейсы готовятся к раскрытию	Сотни успешных внедрений
По-русски	Хранилище данных, слой витрин, база знаний	Data Lakehouse-driven Enterprise Framework
Без давления	Начнём с 30-минутного звонка	Успейте оставить заявку, осталось 3 места

Мелочи, которые заметны

Термин, введённый один раз, дальше используется в том же виде
Числа — цифрами, единицы измерения не сокращаются до неузнаваемости
Кнопка называет действие: «Записаться на звонок», а не «Подробнее»
Восклицательные знаки и слова «уникальный», «инновационный», «лучший»

06Графика

Иконки, фотографии, фон

Иконки

Lucide, лицензия ISC, толщина линии 1,5. Иконка наследует цвет текста рядом с собой и никогда не красится в акцент отдельно от него. Смешивать наборы нельзя.

Фотографии

Только портреты команды: нейтральный фон, прямой взгляд, без студийных бликов и корпоративных рукопожатий. Стоковые «бизнес-люди у монитора» не используются вовсе.

Фон и декор

Решётка, световые пятна и волосяные линии — фон, а не содержание. Они всегда ниже текста по контрасту и никогда не мешают его читать.

07Применение

Тёмная тема — основная

Сайт открывается в тёмной теме и запоминает выбор посетителя. Светлая — полноценная равноправная версия, а не «режим для печати»: в ней действуют те же правила контраста.

Проверка перед публикацией

Макет открыт в обеих темах, и обе читаются
На ширине 390 px нет горизонтальной прокрутки
Любая нажимаемая цель — не меньше 44 px по короткой стороне
Анимация выключается при prefers-reduced-motion
Смысл понятен без цвета — в чёрно-белой распечатке тоже

Технические детали — токены, компоненты, шкалы, система анимации — живут в дизайн-системе. Этот документ отвечает на вопрос «почему так», а не «как это устроено».