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 — Залите сонцем робоче місце, посипане конфетті