Палитра
Терракотовый акцент немного затемнён относительно ТЗ для читаемого контраста с белым текстом.
Типографика и ритм
Заголовки — Georgia, основной текст и элементы интерфейса — Arial. Оба семейства поддерживают кириллицу. Ширина контейнера — до 1440 px, поля — от 22 до 58 px. Вертикальный шаг крупных разделов — от 60 до 100 px.
Адаптивность
На экранах до 760 px сетки собираются в одну колонку, навигация открывается отдельным меню. Формы используют текст от 16 px. Кнопка расчёта на странице изделия закрепляется внизу экрана. Уменьшение анимации учитывается через prefers-reduced-motion.
Интерактивные состояния
Кнопки и ссылки имеют состояния наведения и видимого клавиатурного фокуса. В каталоге работает фильтр. В галереях — выбор ракурса и увеличение. В форме — валидация, выбор файлов, удаление вложения, ошибка, сохранение, подтверждение, редактирование и удаление черновика.
Что согласовать перед запуском
- Действующий логотип и реальный ассортимент.
- Фотографии изделий, производства и реализованных проектов.
- Реальные артикулы, палитры, размеры и технические характеристики.
- Контакты, географию работы, условия расчёта, доставки и монтажа.
- Канал получения заявок, реквизиты и документы об обработке данных.
Изображения созданы как временные визуализации и явно подписаны на страницах. Они не представляют реальные работы мастерской.