Bloom

Bloom — тема вітрини для одягу, прикрас, косметики й усього, де продає фотографія. Кремовий і пудровий фон, графітовий текст, один теплий кораловий акцент, заокруглення 22px і тіні, м’які настільки, що читаються як папір, а не як пластик.

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

Працює й без плагіна магазину — товарні блоки просто зникають, решта сайту рендериться як звичайно.