Система платформы
Интерфейсное ядро
Дизайн-система и общие компоненты, из которых собраны все интерфейсы платформы. Освоив один продукт, сотрудник понимает остальные без обучения заново.
В работеРазработка и внедрение
Компонентов в наборе
48
Продуктов на ядре
13
Шаблонов экранов
6
Токенов оформления
120
Из чего состоит ядро
Токены
Цвета, типографика, отступы, радиусы и тени вынесены в токены. Правка токена меняет все продукты сразу, обходить экраны руками не нужно.
Как появляется новый экран
01ШаблонБерётся готовый шаблон: обзор, список с фильтрами, карточка или очередь на ревью.
02КомпонентыЭкран собирается из общего набора; собственная вёрстка появляется только там, где набора не хватает.
03ПроверкаАвтоаудит ловит отклонения от токенов и самодельные компоненты и заводит находку.
04Возврат в ядроУдачное решение переносится в набор и становится доступно всем продуктам.
УзелКак устроено
ТокеныЦвета, типографика, отступы, радиусы и тени; правка токена меняет все продукты сразу.
Набор компонентовКнопки, поля, таблицы, диалоги, бейджи, уведомления — с одинаковыми состояниями везде.
Шаблоны экрановТиповые страницы, от которых начинается любой новый раздел.
Тёмная тема по умолчаниюКонтраст и состояния проверены на тёмном фоне, а не подогнаны потом.
Правила и проверкиЛинтер и автоаудит следят за соблюдением ядра в каждом продукте.
БрендированиеНазвание, цвета и логотип клиента подставляются через токены, без правки компонентов.
Границы продукта
Ядро задаёт оформление и поведение элементов, но не бизнес-логику продукта. Смена версии ядра требует прогона продуктов: несовместимые изменения выносятся в отдельный релиз.
Показать инструмент вживуюПокажем библиотеку компонентов и как из неё собирается экран продукта.