Телеграм, WhatsApp +380637610482
Валерий Данюк
Валерий ДанюкразработчикРазработка ИИ‑инструментов для бизнеса. Качественно. Недорого.Написать в Telegram
LUNCH — превью сайта в этом стиле

LUNCH

бархатный подиум на теплом пергаменте

LUNCH CONCEPT воспринимается как печатная модная редакционная статья, перенесенная в интернет: темный, занимающий всю страницу, главный фотоэлемент, где логотип бренда представлен в виде увеличенного 3D-текста с хромированными элементами, за которым следует спокойная, похожая на каталог галерея товаров на теплом пергаменте. Страница чередует кинематографическое противостояние и тихую сдержанность — главный элемент атакует, основной раздел шепчет. Единственный приглушенный лавандовый цвет появляется только в строке объявления, в состоянии «Распродано» и в нижнем колонтитуле, выступая в роли точки бренда, а не крика. В основном используется один фирменный шрифт без засечек (Good Sans) скромных размеров, а главный логотип является единственным моментом типографического зрелища. Взаимодействие осуществляется только посредством текстовых ссылок: никаких заполненных кнопок, никаких градиентов, никакого декоративного хрома, кроме 3D-логотипа главного элемента.

Максимальная ширина ~1280px для разделов контента, центрированных по центру; заголовок страницы занимает всю ширину страницы от края до края. Ритм страницы: заголовок страницы в темном цвете, занимающий всю ширину страницы (высота области просмотра) → центрированное текстовое вступление на темном фоне → сетка товаров в 4-5 столбцов на том же фоне → полоса нижнего колонтитула цвета сиреневой вуали. Навигация расположена в виде тонкой текстовой полосы над заголовком страницы (светлый текст на темном фоне) и над вступлением (темный текст на светлом фоне). Сетка товаров имеет плотную компоновку с выравниванием по внутреннему пространству, без отступов между изображениями и визуального разделения. Вступление представляет собой узкую центрированную колонку (~600-700px) с большим вертикальным пространством (60-80px) сверху и снизу. Общая плотность: просторно в редакционных разделах, сжато в сетке товаров.

В оформлении преобладает редакционная фэшн-фотография: для главного изображения — темные, высококонтрастные фотографии моделей (мрачное студийное освещение, авангардный стиль — красный кожаный корсет, клетка, эффектные позы), а для сетки — четкие снимки товаров/лукбуков на плоском нейтральном фоне (модели и товары сфотографированы на светло-сером/белом фоне без контекста стиля жизни). Изображения имеют четкие края, нулевой радиус и плотно прилегают к соседним изображениям в сетке. Главное изображение занимает все четыре края области просмотра, а объемный хромированный логотип перекрывает объект. Изображения товаров в сетке сохраняют единое соотношение высоты и ширины по всей строке. Никаких иллюстраций, никаких значков, кроме минимальной текстовой навигации. Визуальный язык таков: снимайте качественно, кадрируйте четко, пусть фотография станет лицом бренда.

Палитра

Бренд

  • Lilac Veil #b8aad0 — Фиолетовая заливка для выделения фона, декоративных полос и мягкого акцента за контентом.

Нейтральные

  • Ink Black #000000 — Весь основной текст, текст навигации, границы ссылок, границы карточек и границы значков — структурная линия всего интерфейса.
  • Warm Parchment #f4f1e4 — Фон страниц и разделов в редакционной/продуктовой зоне — спокойный фон, на котором размещаются фотографии продукции.
  • Ivory Mist #fcfaf1 — Цвет навигационного текста поверх темного главного элемента, едва заметный оттенок текстуры и тонкие границы — более теплая альтернатива чисто белому цвету для пользовательского интерфейса в темной секции.

Типографика

от 12 до 72px · 5 ступеней

  • Good Sans — замена: Söhne · начертания 400, 700 · Универсальный шрифт для навигации, основного текста, метаданных товаров, ссылок и всего текста пользовательского интерфейса. Система двойного начертания (обычный 400 для основного текста/заголовков, жирный 700 для названий брендов, цен и выделения) создает иерархию без увеличения размера. Практически нулевой положительный межбуквенный интервал делает его скорее редакционным, чем геометрическим.
  • Redaction — замена: GT Sectra Display Bold · начертания 700 · Только для основного текста — это настраиваемый шрифт для объемного хромированного текста «LUNCH», который служит основой для полноэкранного основного текста. Используется ровно один раз на странице; это типографическая подпись, а не многоразовый компонент.

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

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

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

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

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

  • MindMarket — Уютная книжка-сказка на кремовой бумаге — дружелюбное редакционное полотно, где крупные заголовки Inter и вы…
  • Lamborghini — Черный цвет кузова в выставочном зале, под светом прожекторов — один желтый автомобиль
  • amp — Теплый оранжевый цвет на холодном белом фоне. Дизайн напоминает премиальный фитнес-продукт, сфотографированн…
  • IKEA — залитый солнцем шведский выставочный зал мебели в разобранном виде
  • Microsoft — В каталоге розничной торговли используется фирменный синий цвет — представьте себе квадратный логотип на бел…
  • Vibrants — Аптека Skyborne на белом мраморе — темно-синие чернила — это ступка, а радужный спектр — лекарство
  • Isla Beauty — Кремовый аптекарский стиль с акцентами хирургического красного цвета — представьте себе теплые пергаментные …
  • Swap — Редакционная галерея Mint: светлые оттенки шалфея в оформлении комнат с яркими лаймовыми акцентами и едва ул…
  • Cursor — Уютная мастерская из пергамента, освещенная тлеющими углями
  • Structured — Галерея эпохи Возрождения на бумаге, напоминающей пластилин
  • Apple (España) — Музейная галерея в мягком дневном свете — это единое, захватывающее, невесомое белое помещение, где каждый э…
  • Amplemarket — Залитое солнцем рабочее место, усыпанное конфетти