Bloom

Bloom — тема витрины для одежды, украшений, косметики и всего, где продаёт фотография. Кремовый и пудровый фон, графитовый текст, один тёплый коралловый акцент, скругления 22px и тени, мягкие настолько, что читаются как бумага, а не как пластик.

• Главная, построенная вокруг фото. Полноэкранный hero коллекций с плавным кроссфейдом и медленным наездом кадра, автопрокруткой, точками, стрелками и свайпом; лента Lookbook из фото 3:4, уходящая за края страницы; сетка новинок 3 в ряд; слайдер бестселлеров; карусель отзывов-цитат; сетка из шести квадратов и пудровая плашка подписки.
• Карточки, которые ведут себя правильно. Круглые коралловые бейджи скидок, кнопка-сердце с пружинистой анимацией, сохраняющая избранное локально, смена кадра при наведении на второе фото товара (а если фото одно — мягкий зум), и кнопка «В корзину», выезжающая снизу карточки при наведении — на тач-устройствах она видна всегда.
• Магазин закрыт целиком. Каталог с сайдбаром фильтров (категории, диапазон цены, фасеты атрибутов), который на мобильном превращается в выезжающую панель, липкая сортировка, страница товара со столбцом фотографий, который ниже 900px становится слайдером со snap-прокруткой, липкий блок покупки, плитки вариаций и аккордеон: описание, характеристики, доставка, отзывы.
• Корзина и оформление. Выезжающая мини-корзина, страница корзины с живыми счётчиками, checkout из четырёх блоков с радио-карточками доставки и оплаты, строкой промокода и сводкой заказа, которая пересчитывается на лету.
• Личный кабинет в том же языке: вход, регистрация, обзор, профиль и пароль, а также заказы, избранное и адреса от плагина магазина.
• Никаких внешних ресурсов. Системный шрифтовой стек без засечек, без CDN и веб-шрифтов, одноцветные SVG-иконки в одном инлайн-спрайте, вся анимация — чистый CSS и ванильный JS, и вся она отключается при prefers-reduced-motion. Адаптив 1200 / 900 / 620.

Работает и без плагина магазина — товарные блоки просто исчезают, остальной сайт рендерится как обычно.