Direction A · Editorial premium
ВыбраноТёплая paper-base, выразительная serif в смысловых заголовках, спокойные диаграммы и ощущение персонального документа.
Test Engine · Design system 1.0
Calm clarity,
measured depth.
Система для consumer-части, длинных персональных отчётов и utilitarian admin. В основе — ясная иерархия, спокойные поверхности и один выразительный индиго-акцент.
Direction B · Digital product
АльтернативаХолодная бело-серая база, плотная гротескная типографика и системная модульность. Используется как подслой admin.
Типографика
Serif — только для смысловых заголовков и персональных выводов. Sans — для интерфейса, навигации и длинного текста.
Display · 72/72 · Iowan / Georgia fallback
Ваш профиль доверия
H2 · 32/36 · Editorial serif
Из чего складывается результат
Body · 16/26 · System sans
Основной текст читается без напряжения на телефоне и сохраняет ритм в длинном отчёте.
Label · 13/16 · 700 · 0.08em
Персональный результат
Цветовая система
Цвет объясняет иерархию, но не соревнуется с содержанием.
Paper#F5F3EE
Ink#17223A
Indigo#4958D6
Teal#267F78
Indigo soft#ECEEFF
Amber soft#F7EAD6
Risk#A24F62
Surface#FFFFFF
Сетка и ритм
База 4 px. Типовой вертикальный ритм: 8, 12, 16, 24, 32, 48, 64, 96.
4px
8px
12px
16px
24px
32px
48px
64px
Компоненты
Touch targets от 44 px. Радиус зависит от масштаба элемента, а не назначается одинаковым всему.
ПопулярныйЧерновик
8 из 2433%
Диаграммы
Один акцентный цвет, спокойная сетка, подписи рядом с данными. Reveal сообщает о готовности результата, не развлекает.
68из 100
Доверие64
Опора есть, но она чувствительна к неопределённости
Тревога72
Сильнее проявляется, когда мало ясности
Контроль48
Скорее эпизодический, чем постоянный
Самоопора57
Сохраняется, но снижается в конфликте
Состояния
Тексты говорят, что произошло и что можно сделать дальше.
Готово
Изменения сохранены. Можно открыть preview.
Не удалось сохранить
Проверьте соединение и повторите попытку.
Создаём отчёт
Обычно это занимает до одной минуты.
Пока пусто
Добавьте первый вопрос, чтобы увидеть preview.
Skeleton
Сохраняет геометрию будущего контента.
Helper
Поясняет сложный выбор, но не повторяет label.
Responsive rules
Mobile — отдельная композиция, а не уменьшенный desktop.
Одна задача в кадре
Runner занимает экран, CTA растягивается, вторичная навигация уходит в горизонтальный scroll.
Две колонки выборочно
Каталог переходит в 2 колонки, длинные тексты остаются одноколоночными.
Контекст рядом
В результатах диаграмма и интерпретация видны одновременно; report получает sticky TOC.
1180 / 1040 / 800
Ширина зависит от режима: каталог, отчёт или сфокусированный runner.