Примеры настройки
Один и тот же магазин, собранный пятью разными способами. Меняются палитра, шрифты, форма элементов, вид шапки и подвала и набор блоков на главной.
Как настроено сейчас
Магазин в том виде, в каком его оставил владелец.
Пример 1
Плотная сетка: пять колонок, компактные отступы, скругление 8 пикселей, шрифт Inter. Шапка с крупным поиском, полоса преимуществ на всю ширину тёмным фоном. Так собирают магазин, где надо показать много товара сразу.
Пример 2
Ни одного скругления и ни одной тени, заголовки прописными, четыре колонки и много воздуха. Шапка по центру, широкий подвал, слайдер с растворением. Тот же каталог, собранный вокруг фотографии.
Пример 3
Тёплая бежевая гамма, крупные скругления, мягкие тени. Обычная шапка, на главной лента историй и журнал. Видно, как меняется характер магазина от одних только цветов и радиусов.
Пример 4
Шесть колонок, компактные шапка и подвал, восемь плиток в категориях, промо в строку. Всё подчинено скорости: короткий путь от главной до корзины.
Пример 5
Тёмная шапка и оранжевый акцент, каталожная шапка с поиском, широкий подвал, слайдер с выталкиванием. Пример контрастной пары цветов и того, как при этом ведёт себя тёмная тема.