LUNCH
баршунасти подијум на топлом пергаменту
КОНЦЕПТ РУЧКА се чита као штампани модни едиторијум преведен на веб: тамни, главни елемент фотографије преко целе странице, где је лого бренда представљен као увећани 3Д текст са хромираним акцентима, након чега следи мирна, каталошка галерија производа на топлом пергаменту. Страница се смењује између кинематографске конфронтације и тихе уздржаности — главни елемент напада, главни део шапуће. Једна, пригушена боја лаванде појављује се само у огласној линији, у стању „Распродато“ и у подножју, служећи као изјава бренда, а не као поклич. Један, препознатљив фонт без серифа (Good Sans) се користи првенствено у скромним величинама, а главни лого је једини тренутак типографског спектакла. Интеракција се одвија искључиво путем текстуалних линкова: нема попуњених дугмади, нема градијената, нема декоративног хрома, осим 3Д логотипа главног елемента.
Максимална ширина ~1280px за центриране одељке садржаја; наслов странице се протеже преко целе ширине странице од ивице до ивице. Ритам странице: тамни наслов странице који се протеже преко целе ширине странице (висина приказног дела) → центрирани уводни текст на тамној позадини → мрежа производа са 4-5 колона на истој позадини → лила вео трака подножја. Навигација се налази као танка текстуална трака изнад наслова странице (светли текст на тамној позадини) и изнад уводног текста (тамни текст на светлој позадини). Мрежа производа има густ распоред са унутрашњим поравнањем, без увлачења између слика или визуелног раздвајања. Уводни текст је уска, центрирана колона (~600-700px) са великодушним вертикалним простором (60-80px) изнад и испод. Укупна густина: пространа у уредничким одељцима, компресована у мрежи производа.
Уредничка модна фотографија доминира дизајном: главна слика садржи тамне, фотографије модела са високим контрастом (тмурно студијско осветљење, авангардни стил - црвени кожни корсети, карирани делови, упечатљиве позе), док мрежа приказује оштре снимке производа/изложбе на равној, неутралној позадини (модели и производи су фотографисани на светло сивој/белој позадини, без контекста животног стила). Слике имају оштре ивице, нулти радијус и чврсто су поравнате са суседним сликама у мрежи. Главна слика заузима све четири ивице приказног дела, а 3Д хромирани лого преклапа објекат. Слике производа у мрежи одржавају конзистентан однос висине и ширине у целом реду. Нема илустрација или икона, осим минималне текстуалне навигације. Визуелни језик је: добро снимајте, оштро исеците и нека фотографија буде лице бренда.
Палета
Brend
- Lilac Veil
#b8aad0— Љубичаста попуна за истицање позадине, декоративне пруге и благи акценат иза садржаја.
Неутрално
- Ink Black
#000000— Сав текст тела, текст за навигацију, оквири линкова, оквири картица и оквири икона чине структурну линију целог интерфејса. - Warm Parchment
#f4f1e4— Позадина страница и одељака у уводном/производном делу је мирна позадина на којој су постављене фотографије производа. - Ivory Mist
#fcfaf1— Боја текста за навигацију преко тамног главног елемента, суптилна нијанса текстуре и суптилне ивице пружају топлију алтернативу чисто белој боји за кориснички интерфејс у тамном делу.
Типографија
од 12 до 72 пиксела · 5 корака
- Good Sans — замена: Söhne · обриси 400, 700 · Универзални фонт за навигацију, текст тела, метаподатке производа, линкове и сав текст корисничког интерфејса. Систем двоструке тежине (редовна 400 за текст тела/наслове, подебљана 700 за називе брендова, цене и истакнуте делове) ствара хијерархију без повећања величине. Позитиван размак између слова скоро нула чини га више уредничким него геометријским.
- Redaction — замена: GT Sectra Display Bold · обриси 700 · Само за текст тела — Ово је прилагођени фонт за велики, хромирани текст „РУЧАК“ који служи као основа за текст тела преко целог екрана. Користи се тачно једном по страници; то је типографски потпис, а не компонента за вишекратну употребу.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | густ |
| Основни корак | 20-30px |
| Радијус дугмета | 0px |
| Радијус картице | 0px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 60-80px |
| Ширина странице | 1280px |
Вештачка интелигенција ће изградити ваш веб сајт у LUNCH стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- MindMarket — Удобна бајковита књига на крем папиру - пријатно уредничко платно где велики Интерови наслови и исечени ликови са папира коегзистирају на сунцем обасјаној, мекој попут налепница површини.
- Lamborghini — Црна боја каросерије у салону, испод рефлектора - један жути аутомобил
- amp — Топла наранџаста на хладној белој позадини. Дизајн подсећа на премиум фитнес производ фотографисан у сунцем обасјаном поткровљу: један предмет, један акценат, један самоуверен фонт који обавља сав посао.
- IKEA — сунцем обасјан шведски салон намештаја у растављеном облику
- Microsoft — Малопродајни каталог користи препознатљиву плаву боју - замислите квадратни лого на белом поду изложбеног салона, где је сваки елемент дизајна у плавој боји.
- Vibrants — Апотека Скајборн на белом мермеру - тамноплаво мастило је малтер, а дугин спектар је лек
- Isla Beauty — Кремасти апотекарски стил са акцентима хируршке црвене - замислите топле пергаментне зидове, ћилибарне боце и један црвени печат на свакој етикети.
- Swap — Галерија уредништва Менте: Светле нијансе жалфије у собама са светлим лиметним акцентима и суптилним серифима
- Cursor — Удобна радионица за пергамент, осветљена тињајућим угљем
- Structured — Ренесансна галерија на папиру сличном пластелину
- Apple (España) — Музејска галерија, у меком дневном светлу, је јединствени, задивљујући, бестежински бели простор, где је сваки експонат осветљен рефлектором на благо обојеном зиду.
- Amplemarket — Сунцем обасјано радно место посуто конфетама