Le Puzz

Sunny Sunday circular — жёлтый таблоид, полный загадок

Le Puzz — это максималистская система электронной коммерции для бутиковых магазинов, построенная на двухцветной основе: насыщенный желтый цвет, напоминающий пчелиные соты, в сочетании с чистым черным, на холодном жемчужно-сером фоне. Ее стиль — это сочетание винтажной газеты и головоломки: основной текст — шрифт Times с засечками, а заголовки — пользовательский шрифт Times Now, намеренно нарушающий традиционные правила электронной коммерции, использующие шрифты без засечек. Сам интерфейс остается спокойным и основан на сетке, чтобы визуальную составляющую могли передать фотографии упаковки товаров (плотные, иллюстрированные композиции, наполненные игрушками). Элементы управления интерфейса довольно массивны: кнопки с черной рамкой на желтой заливке, значки в форме таблеток, карточки с радиусом 12px и большой межбуквенный интервал для малых прописных букв, который придает даже кнопке «БЫСТРОЕ ДОБАВЛЕНИЕ» редакционный шик.

Классическая сетка для электронной коммерции с выразительным редакционным оформлением. Заголовок представляет собой полосу желтого цвета «соты» с черной рамкой шириной 1, в которой расположен центрированный логотип и дополнительный ряд кнопок навигации. Ниже, над трехколоночной сеткой товаров на сером фоне, расположен центрированный приветственный заголовок шрифтом Times Now. Главный элемент — центрированный фотоблок со скругленными углами (40), по бокам от которого расположены две карточки товаров. Ритм разделов выдержан: большое вертикальное пространство (30), чередование желтых и серых поверхностей и максимальная ширина около 4,5 см, центрированная на странице. Карточки товаров имеют одинаковый размер и расположены в аккуратной трехколоночной сетке с промежутками 5 см. Макет симметричен и привязан к сетке — никаких асимметричных композиций, никаких перекрывающихся элементов.

Визуальным элементом является предметная фотография. Коробки-пазлы сфотографированы анфас на белом/нейтральном фоне, а затем размещены на теплом синем или натуральном студийном фоне. На главном изображении — человек, держащий несколько коробок-пазлов — предмет, отражающий стиль жизни, снятый с непринужденной энергией. Сама упаковка насыщенная, иллюстративная и максималистичная: множество игрушек, продуктов питания и персонажей ярких основных цветов с толстыми черными контурами, созданные так, чтобы выглядеть как иллюстрация из детской книги, разбросанная по пазлу из 500 деталей. Никакой абстрактной графики, никаких 3D-рендеров, никакой иконографии, кроме единственного увеличительного стекла — сами пазлы являются визуальным языком.

Интернет-магазин Редакционный Минимализм Высокий контраст

https://lepuzz.com

Палитра

Бренд

Honeycomb Yellow #ffd931 — Основной фирменный цвет, полоса заголовка, основные кнопки действий, активное состояние навигации, цвет подчеркивания ссылок, акцентная заливка — единственная цветовая нота, вокруг которой вращается все остальное.

Нейтральные

Carbon Black #000000 — Основной текст, толстые рамки, контуры кнопок, обводка значков, текст навигации — структурная основа всей системы.
Ink Black #231f20 — Второстепенный текст, основной текст, границы кнопок, границы полей ввода — слегка более теплый, почти черный цвет для более мягкого восприятия.
Pearl Gray #c8cbcd — Холст страницы, фоны для карточек товаров, эффектная сцена, на которой выступают желтый и черный цвета.
Fog Gray #a6a8aa — Приглушенные поверхности бейджей, второстепенный фон чипов, ненавязчивая заливка пользовательского интерфейса.
Smoke Line #d6d6d6 — Тонкие разделители, незаметные разделители для столов/карточек.

Типографика

от 11 до 47px · 6 ступеней

Times Now — замена: Playfair Display · начертания 100, 400 · Шрифт с засечками для заголовков и подзаголовков — используется для основных заголовков, названий продуктов и заголовков разделов. Сверхлегкий шрифт 100-го размера с шагом 47px создает ощущение высокого, почти сжатого редакционного стиля; сжатые формы букв (высота строки 0,87–0,90) позволяют крупным заголовкам располагаться близко к сопроводительному тексту, имитируя печатный плакат.
Times — замена: Times New Roman · начертания 400 · Основной текст с засечками — неожиданный выбор для интернет-магазина, который придает всему сайту литературный, каталожный стиль. Небольшая межстрочная интервальная ширина (1,15) делает абзацы компактными и читабельными.
Helvetica Neue — замена: Helvetica · начертания 100, 400 · Небольшие надписи в пользовательском интерфейсе, текст на кнопках, микротекст — набраны шрифтом 11px с большим межбуквенным интервалом (0.0730em), что создает ощущение написания заглавными буквами даже при комфортной температуре тела.

Интервалы и форма

Назначение	Значение
Плотность	плотная
Базовый шаг	15px
Радиус кнопок	12px
Радиус карточек	12px
Тени	нет — границы вместо теней
Между секциями	30-40px
Ширина страницы	1200px

ИИ соберёт ваш сайт в стиле Le Puzz и наполнит его

Наполнит товарами и постами по ссылке — Instagram, TikTok, Facebook.
Перенесёт контент со старого сайта — достаточно указать адрес.
Современный дизайн на лучшем движке: React (Next.js) с серверным рендерингом и SEO-оптимизацией из коробки.
Полная автоматическая SEO-оптимизация под поисковую выдачу и рекомендации нейросетей.

Создать сайт в этом стиле

Le Puzz

Палитра

Типографика

Интервалы и форма

ИИ соберёт ваш сайт в стиле Le Puzz и наполнит его

Похожие стили