Понятно
Одна задача. Ясное действие. Условия рядом с решением.
AT / РУКОВОДСТВО ПО БРЕНДУ · 03
От задачи.
К действию.
К своему
результату.
Цифровые инструменты для конкретных задач.
Понятно, что делать. Видно, что получилось.
Короткое знакомство — на этом экране.
Девять разделов ниже — справочник исполнителя.
МЕНЬШЕ СЛОЖНОГО. БОЛЬШЕ ДЕЛА.Брендбук / версия 3.0
01 / СМЫСЛ
С чего начинается AT
Сначала задача.
Потом технология.
AT — проекты Андрея Ткачева. Цифровые инструменты для конкретных задач: понять действие, выполнить его и увидеть результат.
Проверяемо
Источник и дата важнее уверенного тона. Неизвестное называем неизвестным.
По-человечески
Спокойный язык, видимая помощь и право разобраться в своём темпе.
НАВЫКИ И ПРАКТИКА
AT Learn
Практика с ИИ.
От задачи к своей работе.
АТ Дом
Источники и пояснения.
Основа для своих вопросов.
AT Connect
VPN для своих устройств.
Настройка по шагам.
Брендбук описывает визуальную систему, а не текущий допуск продаж. Цены, доступность, продавца и условия всегда проверяют на сайте конкретного проекта. Ссылка не объединяет аккаунты или оплату.
ОБЕЩАНИЕ AT
Понятно, что делать.
Видно, что получилось.
Цифровые инструменты для конкретных задач.
01 / Исходная задача→02 / Понятное действие→03 / Проверяемый результат
Кому помогаем и чем подтверждаем обещание
AT Learn
Для кого. Человек осваивает ИИ на применимых задачах.
Обещание. Практика с ИИ на задачах, которые можно применить в своей работе.
Основание и границы. Учебный пример и собственный результат. Даты, числа и обещания проверяет человек.
Посмотреть пример ↗
АТ Дом
Для кого. Человек разбирается в сведениях об объекте перед следующим решением.
Обещание. Сведения об объекте, источники и пояснения для следующего решения.
Основание и границы. Образец справки с источниками. Не заменяет официальную выписку или юридическую проверку.
Посмотреть пример ↗
AT Connect
Для кого. Человек подключает свои устройства и хочет понимать шаги настройки.
Обещание. Подключение своих устройств с понятной настройкой и помощью.
Основание и границы. Инструкции и поддержка. Без обещаний абсолютной анонимности, любой скорости или доступности всех приложений.
Посмотреть пример ↗02 / ЗНАК
Сохраняем узнаваемость
Знакомый знак.
Чёткие правила.
Геометрия AT остаётся прежней. Две новые цветовые версии связывают знак с лесным зелёным и тёплой бумагой главной страницы.
¼ hОхранное поле ≥ ¼ высоты знака
ПРОПОРЦИЯ ПРЕЖНЯЯ / ПАЛИТРА АКТУАЛЬНАЯ
Оставь знаку воздух.
- Квадратный холст, без растяжения и наклона.
- Минимальный размер — 24 × 24 px.
- Чистый фон; на фотографии — устойчивый однотонный блок.
- На первом знакомстве добавьте имя автора или продукта обычным текстом.
24 px / проверка в реальном размереПопробуйте знак на поверхности
Мастер-знак AT в двух утверждённых цветовых версиях. Исходный SVG и прежняя тёмная версия остаются доступными; старые версии доступны только как архив.
Один знак. Три имени.
Основной знак — геометрия AT из SVG. В шапке, аватаре и документе используй этот файл, а не набранные буквы похожим шрифтом. Подпись проекта — рядом, вне охранного поля.
AT LearnАТ ДомAT ConnectИмена: AT Learn, АТ Дом, AT Connect. «AT Квартиры» — архивное название. VPS — служебный интерфейс. Мастерская Ирины и LIMB — самостоятельные бренды.
Не меняй пропорции, цвет отдельных штрихов и наклон мастер-знака. Движение сцены не меняет исходный файл.
03 / ЦВЕТ И ТИПОГРАФИКА
Точность без холодности
Лес. Бумага.
Тёплый акцент.
Forest
#183D35Смысл, структура,
основное действие.
Paper
#F4F1E8Воздух для чтения
и спокойной работы.
Amber
#E8B45FОдин важный момент.
Не каждый элемент.
ЖИВОЙ ОБРАЗЕЦ / ПАЛИТРА В ДЕЙСТВИИ
Один смысл.
Разные поверхности.
Локальный образец палитры. Текст и поверхность меняются вместе; данные не отправляются.
AT / ПОНЯТНЫЙ ШАГ
Меньше
сложного.
Для длинного текста — тёмный на бумаге. Лесной фон держит ключевую сцену, янтарный выделяет точку выбора. Sage #D5DCC7 — дополнительная спокойная поверхность; Muted #58665B — вторичный текст на Paper.
ПРОВЕРЕННЫЕ ПАРЫ
Цвет читается
вместе с текстом.
Ниже — расчёт WCAG для сплошных цветов. Все пары проходят 4,5:1 для обычного текста. Полупрозрачность и изображения требуют новой проверки.
| Пара | Контраст |
|---|---|
| Forest / Paper | 10.58:1 |
| Paper / Forest | 10.58:1 |
| Forest / Amber | 6.33:1 |
| Muted / Paper | 5.36:1 |
| Forest / Sage | 8.47:1 |
| Danger / Paper | 6.89:1 |
ARIAL + GEORGIA
Дело.
Смысл.
Аа Бб Вв Гг Дд Ее Ёё
0123456789 · ↗ ↓ +
Голос — в ритме.
Arial ведёт интерфейс, цифры и обычный текст. Georgia italic добавляет человеческую интонацию в короткий акцент заголовка.
- Основной текст
- 16 px / 1,7 · Arial
- Заголовок раздела
- 36–64 px / 1,08 · 400
- Метка
- 11 px / 1,5 · +0,12 em
- Длина строки
- До 66 знаков для чтения
Системные шрифты: без ожидания загрузки и внешних сервисов. Не набираем курсивом длинный текст или важные условия.
СЕТКА / БАЗОВЫЙ ШАГ 4 PX
81624324864
Близкое по смыслу — рядом. Между разными задачами — больше воздуха. На телефоне поля от 20 px, элементы управления от 48 px.
Пять режимов типографики — готовые настройки
Обложка
Понятный следующий шаг.
56–104 px / 0,98; телефон 40–60 px. Один крупный акцент, без курсива в каждой строке.
Реклама
Собери письмо на своих фактах.
32–56 px / 1,08; телефон 28–40 px. Один тезис, доказательство и действие.
Интерфейс
Заказ · Источник · Следующий шаг
16 px / 1,5; подпись от12 px. Цифры tabular-nums; действия не обрезаются.
Длинный текст
Сначала прочитай источник. Затем сравни сведения.
16–18 px / 1,7; ширина до66ch. Курсив только для короткого смыслового акцента.
Документ
Источник → Сведения → Пояснение
14–16 px / 1,5; печать от10pt. Заголовки таблиц повторяются, строки не зависят от цвета.
Основной набор — Arial; короткий смысловой акцент — Georgia italic. Проверяй кириллицу: «Съёмка, подъезд, ёлка», числа 1 234,50 и длинные названия. Новый шрифт вводится после сравнения на этих же примерах.
04 / ИНТЕРФЕЙС
Решение видно заранее
Один экран.
Понятное действие.
Основная кнопка отвечает на вопрос «что произойдёт». Вторичное действие не спорит с ней. Ошибка объясняет следующий шаг, статус содержит слова.
КНОПКИ / НАТИВНЫЕ ССЫЛКИ
Hover, focus и pressed различаются визуально. Tab показывает фокус. Неактивная кнопка сопровождается причиной; здесь она демонстрирует состояние disabled.
СТАТУСЫ / СМЫСЛ НЕ ТОЛЬКО В ЦВЕТЕ
✓ Подтверждено! Нужна проверка○ Нет данных
Это образцы оформления, не текущие статусы продуктов. В рабочем интерфейсе рядом нужны источник, время и ограничение проверки.
ЛОКАЛЬНЫЙ МАКЕТ / БЕЗ ОТПРАВКИ ДАННЫХ
Сначала своя задача.
Попробуй состояния поля. Ничего не сохраняется и не отправляется; результат — демонстрационный текст.
Достаточно короткого вымышленного примера.
Макет готов. Добавь пример, чтобы увидеть отклик.
Пример раскрытия: источник и ограничения
Покажи, откуда взялось подтверждение, когда оно получено и чего не доказывает. Не заменяйте отсутствующее измерение нулём или зелёной отметкой.
05 / ДВИЖЕНИЕ
Внимание следует смыслу
Движение с характером.
В каждом ракурсе.
ЛОКАЛЬНЫЙ ОБРАЗЕЦ / ОРБИТА
Форма собирает внимание.
Живая орбита вокруг устойчивого центра. Можно остановить эту сцену отдельно или всё движение кнопкой внизу экрана. Оно не передаёт статус услуги и не имитирует загрузку.
ПРИМЕНЯТЬ
Коротко и по делу.
Отклик на наведение — 180 мс. Переход объясняет связь элементов. Содержание доступно до начала анимации.
УЧЕСТЬ
Человек управляет.
У постоянного движения есть пауза. При reduced motion сцены статичны, пока вы сами не включите анимацию. Печать всегда статична. За пределами экрана и на скрытой вкладке движение приостанавливается.
AT Learn
Сборка
Задача → сборка → своя работа
АТ Дом
Раскрытие
Источники → структура → вопросы
AT Connect
Соединение
Устройство → настройка → соединение
Партитура движения: роль, ритм и ограничения
| Роль | Как движется | Время | Правило |
|---|---|---|---|
| Обложка | Глубина, сборка маршрута, прорисовка знака | Вступление2,3–3,2с | Содержание и действие доступны сразу |
| Переход | Объект сохраняет направление и связь | 320мс | Без вращения читаемого абзаца |
| Отклик | Короткий сдвиг или изменение поверхности | 180мс; акцент420мс | Успех показывается только после подтверждения |
| Атмосфера | Три продуктовых маршрута; обложка с орбитой | Цикл6–9с | За экраном, при паузе и печати останавливается |
Learn собирается к центру. Дом раскрывается по слоям сверху вниз. Connect соединяет концы по линии. Общая основа — три этапа маршрута и cubic-bezier(.22,.68,.22,1). Кнопка «Пауза анимации» управляет всеми сценами. При снижении движения статичный результат виден сразу; включение — по желанию.
06 / СЛОВА
Спокойно. Конкретно. По делу.
Не громче.
Понятнее.
На главной, в обучении и помощи обращаемся на «ты». В платежах, документах и сложных ситуациях используем нейтральные формулировки. Называем действие, результат и ограничение. Не давим срочностью. Не обещаем то, что не измерили.
Подготовь письмо.
На своих фактах.
Попробуй учебную задачу с ИИ. Проверь даты, числа и обещания перед использованием ответа.
Без обещаний дохода, заказа или результата без вашей проверки.
Сначала сведения.
Потом вопросы.
Посмотри образец справки об объекте: состав сведений, источники и пояснения.
Справка не заменяет официальную выписку или юридическую проверку.
Твоё устройство.
Настройка по шагам.
Открой инструкции VPN и выбери совместимое приложение для своего устройства.
Без гарантий скорости, анонимности или работы каждого приложения.
Рекламный макет — ещё не размещение. Перед публикацией проверяют продуктовые факты, актуальные условия, допустимые утверждения и правила конкретной площадки. Брендбук не заменяет эту проверку.
Шесть ситуаций: как исправлять текст
Покупка / ОБРАЗЕЦ
Бери сейчас, потом будет поздно
Перед оплатой проверь состав и условия заказа.
Действие без давления.
Ошибка / ОБРАЗЕЦ
Что-то пошло не так
Не удалось загрузить данные. Повтори попытку.
Что случилось и что делать.
Ожидание / ОБРАЗЕЦ
Почти готово!
Запрос обрабатывается. Подтверждения пока нет.
Не придумываем срок.
Отказ / ОБРАЗЕЦ
Тебе отказано
Операция не выполнена. Причина и доступные действия указаны ниже.
Без обвинения; причина должна быть конкретной в продукте.
Возврат / ОБРАЗЕЦ
Деньги уже у тебя!
Заявка на возврат принята. Завершение подтвердим отдельно.
Только для факта принятой заявки, не для успешного возврата.
Нет данных / ОБРАЗЕЦ
0 продаж
Данные о продажах пока не получены.
Неизвестное не заменяем нулём.
07 / ПРИМЕНЕНИЕ
От первого экрана к результату
Система общая.
Задачи разные.
AT Learn / Рекламный макет
Практика с ИИ на задачах, которые можно применить в своей работе.
Практика с ИИ · один платёж · условия рядом с ценой.
Открыть образец ↗AT Learn / Мобильный экран
Задача: письмо клиенту
Свои факты, черновик и проверка перед использованием.
Открыть образец ↗AT Learn / После действия
Письмо собрано. Теперь проверь факты.
Учебное письмо с контрольным списком фактов.
Открыть образец ↗АТ Дом / Рекламный макет
Сведения об объекте, источники и пояснения для следующего решения.
Состав сведений и честный статус приёма заказов.
Открыть образец ↗АТ Дом / Мобильный экран
Состав справки об объекте
Источники и ограничения до решения об оплате.
Открыть образец ↗АТ Дом / После действия
Сведения и вопросы — рядом.
Таблица сведений с основаниями и следующим вопросом.
Открыть образец ↗AT Connect / Рекламный макет
Подключение своих устройств с понятной настройкой и помощью.
Пробный доступ и точные ограничения тарифа.
Открыть образец ↗AT Connect / Мобильный экран
Подключить своё устройство
Инструкция и помощь до оплаты.
Открыть образец ↗AT Connect / После действия
Подключение не подтвердилось.
Сообщение о проблеме с конкретным следующим шагом.
Открыть образец ↗Девять эталонов: реклама, экран и сообщение или документ для каждого проекта. Это демонстрационные материалы; они не подтверждают заказ, оплату или допуск рекламного размещения.
Мастерская не является четвёртым продуктом AT. Общие ссылки не означают общую оплату, подписку или поддержку. Самостоятельные бренды сохраняют свои имена.
08 / ИКОНКИ
Готовые исходные файлы
Различимы
даже в списке чатов.
Единая геометрия, Forest / Paper / Amber и три точки маршрута. Различие продуктов передаёт символ, а не случайный цвет. VPS относится к служебным интерфейсам.
Архив серии и самостоятельные бренды
Архивные файлы сохраняют прежние названия. Их не используют, чтобы представлять завершённые проекты действующими или переименовывать самостоятельный бренд.
Мастер серии — вектор64 × 64. Проверяй символ в круге на32 и48px. Не добавляй мелкие надписи; не растягивай иконку. При обновлении сначала проверь принадлежность и название продукта.
09 / МАТЕРИАЛЫ И ВНЕДРЕНИЕ
Одна проверяемая основа
Собрать своё.
Сохранить общее.
Цвета и правила доступны как файлы. Новая система подключается к конкретному экрану после проверки; она не меняет цены, доступ или готовность продаж.
Токены системыЦвета, шрифты, отступы, движение · JSONЗнак на ForestМастер-знак AT v3 · SVGЗнак на PaperМастер-знак AT v3 · SVGСтили этого руководстваИзолированный слой, без глобального внедрения · CSS
ПЕРЕД ПУБЛИКАЦИЕЙ
- Проверь задачу экрана и актуальность утверждений.
- Проверь 320, 390, 768 и 1440 px, длинные подписи и клавиатуру.
- Проверь контраст, отсутствие JavaScript, reduced motion и печать.
- Сохрани исходные файлы и возможность вернуть предыдущую версию.
Для Telegram дополнительно проверяют безопасные поля и работу внутри клиента. Условия продукта и справочные материалы обновляются в своих источниках.
AT V3 / РАБОЧИЙ КОМПЛЕКТ
Девять эталонов. Одна основа.
Знак, новая серия иконок, пять режимов типографики, настройки и рецепты движения, шаблоны и краткие правила. Старые материалы не смешаны с утверждённым комплектом.
Скачать весь комплект ↓Краткие правила ↓Версия20261022-route1. Узнаваемость и понятность на аудитории ещё предстоит проверить; наличие образцов не означает измеренный рост продаж.