Голосовой AI-агент для входящих и исходящих звонков: отвечает 24/7, работает по бизнес-сценариям, выполняет действия в …
Практическое руководство по интеграции CRM и ERP: какие данные синхронизировать, как определить источник истины, выбрат…
Красивый макет умирает на второй неделе разработки, если в нём нет состояний: пустого списка, длинного имени, ошибки загрузки и текста на трёх языках разной длины.
Обсудить проектКаждый элемент проходит один и тот же путь — иначе через полгода в продукте будет пять разных кнопок.
Два-три варианта подачи на одном реальном экране — выбор делается на содержании, а не на абстракции.
Шкала размеров, начертания, межстрочные расстояния и правила для кириллицы и латиницы.
Светлая и тёмная темы как две полноценные схемы, а не автоматическая инверсия.
Кнопки, поля, таблицы, карточки и уведомления — со всеми состояниями и правилами применения.
Ключевые страницы в трёх размерах: телефон, планшет и десктоп — с реальными текстами.
Единый набор в одной толщине линий, без смешения стилей из разных источников.
Контраст по стандарту, различимый фокус, размеры целей под палец и читаемость при увеличении.
Токены, отступы и поведение компонентов в виде, который переносится в код без домысливания.
Исходные файлы макетов и библиотека компонентов передаются вам вместе с проектом: дизайн-система должна пережить смену подрядчика.
Если продукт состоит из пяти экранов и меняться не будет — система действительно избыточна, и мы так и скажем. Она окупается там, где экранов десятки и появляются новые: без общих правил каждый следующий экран стоит как первый, а продукт постепенно перестаёт выглядеть цельным.
Иногда да — например, для внутренней панели, где важна скорость, а не отличие от других. Но шаблон несёт чужие решения: свою сетку, свою типографику и свою логику компонентов. Если продукт клиентский и должен выглядеть как ваш, а не как ещё один шаблон, дешевле сделать своё сразу.
Мы, и это входит в работу по умолчанию. Пустой экран — это не «ничего нет», а место, где человеку объясняют, что сделать первым. Сообщение об ошибке — не извинение, а инструкция. Если их не нарисовать, они появятся в коде в виде серого текста «Нет данных».
Да, но не двойная. Если палитра с самого начала описана токенами, тёмная тема — это второй набор значений и проверка контраста, а не перерисовка всех экранов. Дороже всего добавлять её в проект, где цвета проставлены вручную на каждом элементе.
Макеты с описанными токенами и отступами, библиотеку компонентов с состояниями и правила поведения при изменении ширины. Плюс мы сверяем собранные экраны с макетом в браузере — на этом шаге обычно и находятся расхождения, которые иначе доживают до релиза.
