В компании живёт несколько внутренних сервисов — панель администратора, аналитический дашборд и пара рабочих инструментов, — и каждый оформляла отдельная команда в разные годы. Результат закономерный: элементы управления работают неодинаково от экрана к экрану, отступы гуляют, одно состояние рисуется тремя разными способами, а старт любой новой возможности упирается в очередной спор о цветах. Хотим прекратить эту трату и построить единую дизайн-систему с полноценным UI-китом, общим для всех сервисов.
Речь не о косметике. Требуется набор компонентов с полным перечнем состояний — покой, наведение, фокус, блокировка, ожидание, ошибка, пустой экран — и токены для цвета, шрифтов, отступов и теней, чтобы смена фирменного стиля не превращалась в правку каждой страницы. Компоненты надо структурировать так, чтобы инженер мгновенно находил подходящий, и снабдить каждый краткой заметкой: где уместен, а где нет. Ждём палитру с проверенной контрастностью, сетку, работающую и на больших экранах, и на компактных ноутбуках, и заготовки типовых раскладок, которыми пользуются операторы каждый день: перечни с отборами, карточки записей, пошаговые формы.
Пришлите примеры систем, которые уже делали, расскажите, как синхронизируете макеты с кодом и как передаёте результат, чтобы он не устарел сразу после релиза. Ожидаемый итог:
— токены и набор компонентов со всеми интерактивными состояниями;
— руководство с правилами применения, антипримерами и заметками о доступности;
— заготовки самых распространённых экранов сервисов.
Речь не о косметике. Требуется набор компонентов с полным перечнем состояний — покой, наведение, фокус, блокировка, ожидание, ошибка, пустой экран — и токены для цвета, шрифтов, отступов и теней, чтобы смена фирменного стиля не превращалась в правку каждой страницы. Компоненты надо структурировать так, чтобы инженер мгновенно находил подходящий, и снабдить каждый краткой заметкой: где уместен, а где нет. Ждём палитру с проверенной контрастностью, сетку, работающую и на больших экранах, и на компактных ноутбуках, и заготовки типовых раскладок, которыми пользуются операторы каждый день: перечни с отборами, карточки записей, пошаговые формы.
Пришлите примеры систем, которые уже делали, расскажите, как синхронизируете макеты с кодом и как передаёте результат, чтобы он не устарел сразу после релиза. Ожидаемый итог:
— токены и набор компонентов со всеми интерактивными состояниями;
— руководство с правилами применения, антипримерами и заметками о доступности;
— заготовки самых распространённых экранов сервисов.
