Брендбук · версия 0.2 · ноябрь 2026

ИИ-авитолог для малого бизнеса. Один переключатель вместо авитолога: включили, и Авито работает.

01 · Идея

Одно движение вместо авитолога

Тумблер: вещь, которую понимают все. Щёлкнули, загорелся лайм, процесс пошёл. Бренд построен на этом жесте и на ощущении спокойствия: всё включено, всё под контролем.

Включено = лайм

Лаймовый цвет означает «работает»: включённый тумблер, главная кнопка, рост. Всё остальное спокойное: белый, светло-серый, чёрный текст.

Объём и тактильность

Ключевые элементы выглядят как настоящие предметы: мягкий белый пластик, круглые кнопки, ползунки. Интерфейс хочется нажать.

03 · Цвет

Белый, чернила и лайм

Лайм только для «включено»: главная кнопка, переключатель, акцент в цифрах. Текст на лайме всегда чёрный. Если нужен лаймовый акцент в тексте на светлом фоне, используется олива.

Туман
Фон страницОсновной фон#F4F4F1
Белый
КарточкиПанели, объёмные предметы#FFFFFF
Чернила
Текст и тёмные блокиЗаголовки, тёмные панели#0E0E0E
Лайм
Акцент «включено»Кнопки, тумблеры#E3F234
Олива
Акцент в текстеМетки, подписи на светлом#5E6B00
Лист
РостПоложительная динамика#1FA463
Пыль
Вторичный текстПодзаголовки, подписи#8C8C87
Шов
ЛинииРазделители, границы#E5E5E0
Туман 48%
Белый 30%
Чернила 14%
8%

Тёмная тема

Включается переключателем в шапке или по настройке системы. Лайм остаётся тем же, текст на нём всё так же чёрный.

Ночь
Фон страницОсновной фон#0D0D0C
Графит
КарточкиПанели и блоки#171716
Уголь
Тёмные панелиПрогноз, выделенный тариф#262624
Мел
ТекстЗаголовки и основной текст#F2F2EE
04 · Шрифт

Onest, от толстого до тонкого

Один шрифт на всё: ExtraBold для заголовков, Medium для подзаголовков, Regular для текста. Моноширинный только для времени и ставок. Оба бесплатные, с полной кириллицей.

Аа

Onest

Заголовки 800, межбуквенный интервал −4,5%. Подзаголовки 500 серым. Текст 400.

Авито работает. Вы занимаетесь делом.
ИИ подготовит объявления и возьмёт продвижение на себя.
Аа

JetBrains Mono

Время, ставки и лента действий ИИ. Мелко и серым, не для заголовков.

08:40 · Ставка 42 → 55 ₽
H1 · 800 · 76/74Вы занимаетесь делом
H2 · 800 · 56/56Все рычаги у вас
Подзаголовок · 500 · 26/34ИИ возьмёт продвижение на себя
Текст · 400 · 17/25Сервис следит за ценой обращения и позицией в выдаче.
05 · Объём

Четыре предмета

Объёмные элементы появляются в ключевых местах: первый экран, иконки возможностей, панель настроек, финальный призыв. В таблицах и рабочих экранах кабинета интерфейс плоский.

Тумблер: главный образ
Кнопка-шар: акцент, индикатор
Плитка: иконки возможностей
Ползунок: лимиты и бюджет
06 · Интерфейс

Базовые компоненты

Скругления 10, 14, 24 и 28 px. Мягкие тени вместо рамок. Одна лаймовая кнопка на экран. Общие стили в assets/css/tumbler.css.

Кнопки

Метки

Выбирают чащеПоказываетсяНа паузеНет в выдачеИИ

Поле

Ключи хранятся в зашифрованном виде

Переключатели

ВключеноВыключено
07 · Голос

Как говорит Тумблер

Спокойно и по делу, на «вы». Коротко, с цифрами. Не хвалится и не пугает.

Цифры вместо оценок

«Обращение стоит 186 ₽», а не «отличная эффективность».

Без «я» и без рода

ИИ говорит в настоящем времени: «Поднимаю ставку», «Вижу 3 запроса». Не «я поднял».

Без жаргона

Не CTR и CPL, а «из 100 просмотров звонят 3». Термины только в подсказках.

ТакНе так
Ставка «Ремонт ванной» поднята до 55 ₽: обращения дешевле цели на 30%.Мы оптимизировали ставки для максимальной эффективности!
12 дней без обращений, расход 1 860 ₽. Снять объявление с показа?Объявление демонстрирует низкий CTR и неоптимальный CPL.
Авито работает. Вы занимаетесь делом.Откройте для себя революционную силу нейросетей!
Не получилось проверить ключи. Скопируйте Client Secret ещё раз.Ошибка 401. Неверные учётные данные.
08 · Файлы

Логотипы в SVG

Векторные файлы, текст переведён в кривые.