Задачи:- Разработка набора универсальных блоков (обложки, карточки, формы, секции с текстом и медиа и т.д.), пригодных как для корпоративных сайтов, так и для промо-страниц.
- Интеграция системы цветовой кастомизации: каждый блок автоматически адаптируется под 5 базовых цветов, задаваемых пользователем в конструкторе сайтов. Все блоки поддерживают мгновенную смену цветовой схемы по нажатию.
- Реализация цветовой инверсии (светлая/тёмная тема) для всех элементов дизайна, включая фоны, тексты и акценты, с сохранением читаемости и визуального баланса. Это обеспечивает разнообразие дизайн-решений.
- Обеспечение полной адаптивности блоков: корректное отображение и читаемость на всех типах устройств (от мобильных до десктопов), с учётом различных размеров экранов и интерактивных сценариев.
- Разработка типографической системы, совместимой с классическими SEO-принципами: единые стили для H1–H6, текстовых блоков (Text) и описаний (Description), с акцентом на читабельность, визуальную иерархию и семантику.
Особенности проекта:- Блоки должны автоматически подстраиваться под цветовую палитру проекта и оставаться визуально сбалансированными вне зависимости от комбинации цветов.
- Вся система блоков проектируется с расчётом на дальнейшее масштабирование и машинное обучение — нейросеть будет использовать их как строительные элементы для генерации уникальных страниц.
Результат:Создан модульный UI-кит из блоков, полностью совместимый с нейросетевым генератором сайтов. Решения соответствуют требованиям UX/UI, SEO и адаптивного дизайна, обеспечивая быстрый запуск, визуальную консистентность и простоту дальнейшей настройки для конечного пользователя.