Вверху отрисованный макет, ниже - интерфейс уже реализованный в программе. Интерфейс разрабатывается для десктопного формата приложений, и не предполагается разработка макета для мобильных устройств. Адаптивность учитывать только для различных размеров экрана монитора.
Поскольку веб-верстка интегрируется в платформу 1С:Предприятия, важно учитывать ограничения платформы:
Нельзя делать динамическое расширение виджета, в зависимости от объема информации в нём, при больших объемах появляется скролл-бар. По возможности любые изменения информации должны производиться в всплывающих окнах Пожелания:
Минималистичный интерфейс в соответствии с корпоративными цветами, бренд-бука, которые указаны вверху страницы. Сделать два варианта: вариант с серым фоном и без серого фона По возможности не создавать излишний "воздух" между виджетами, т.к. это все занимает драгоценное место. Визуальное выделение полей, которые доступны для редактирования пользователем. Расставить акценты, чтобы было интуитивно понятно, какие элементы являются более верхнеуровневыми. То же касается и разновидностей заголовков. Пример удачных интерфейсов (не цветов!) приведен в гайдлайне по ссылке https://www.figma.com/design/2jsjMwiOnnPaFixOKXMSBK/workplace--Copy-?node-id=0-1&p=f&t=eooC38wLOB8MIgc0-0