LUNCH
zamatové pódium na teplom pergamene
LUNCH CONCEPT sa číta ako tlačený módny editoriál preložený na web: tmavý hlavný fotografický prvok na celej strane, kde je logo značky prezentované ako zväčšený 3D text s chrómovými akcentmi, po ktorom nasleduje pokojná, katalógovo podobná galéria produktov na teplom pergamene. Na stránke sa strieda filmová konfrontácia s tichou zdržanlivosťou – hlavný prvok útočí, hlavná sekcia šepká. Jedna tlmená levanduľová farba sa objavuje iba v reklamnom riadku, v stave „Vypredané“ a v päte, pričom slúži skôr ako vyhlásenie o značke než ako výkrik. Jediné charakteristické bezpätkové písmo (Good Sans) sa používa predovšetkým v skromných veľkostiach a hlavné logo je jediným momentom typografického predstavenia. Interakcia prebieha výlučne prostredníctvom textových odkazov: žiadne vyplnené tlačidlá, žiadne prechody, žiadny dekoratívny chróm, s výnimkou 3D loga hlavného prvku.
Maximálna šírka ~1280px pre centrované sekcie obsahu; názov stránky sa rozprestiera cez celú šírku stránky od okraja k okraju. Rytmus stránky: tmavý názov stránky pokrývajúci celú šírku stránky (výška zobrazovacej oblasti) → centrovaný úvodný text na tmavom pozadí → 4-5 stĺpcová mriežka produktu na rovnakom pozadí → fialový závojový pás päty. Navigácia je umiestnená ako tenký textový pás nad názvom stránky (svetlý text na tmavom pozadí) a nad úvodným textom (tmavý text na svetlom pozadí). Mriežka produktu má husté rozloženie s vnútorným zarovnaním, bez odsadení medzi obrázkami alebo vizuálneho oddelenia. Úvodný text je úzky, centrovaný stĺpec (~600-700px) s veľkorysým vertikálnym priestorom (60-80px) nad a pod ním. Celková hustota: priestranná v redakčných sekciách, komprimovaná v mriežke produktu.
Dizajnu dominuje redakčná módna fotografia: hlavný obrázok obsahuje tmavé, vysoko kontrastné fotografie modeliek (pochmúrne štúdiové osvetlenie, avantgardný štýl – červené kožené korzety, kockované kocky, výrazné pózy), zatiaľ čo mriežka obsahuje ostré zábery produktov/lookbookov na plochom, neutrálnom pozadí (modelky a produkty sú fotografované na svetlosivobielom pozadí bez kontextu životného štýlu). Obrázky majú ostré okraje, nulový polomer a sú pevne zarovnané so susednými obrázkami v mriežke. Hlavný obrázok zaberá všetky štyri okraje výrezu a objekt prekrýva 3D chrómové logo. Obrázky produktov v mriežke si zachovávajú konzistentný pomer výšky a šírky v celom riadku. Nie sú tam žiadne ilustrácie ani ikony, okrem minimálnej textovej navigácie. Vizuálny jazyk znie: dobre fotiť, orezávať ostro a nechať fotografiu byť tvárou značky.
Paleta
Značka
- Lilac Veil
#b8aad0— Fialová výplň pre zvýraznenie pozadia, ozdobné pruhy a jemný akcent za obsahom.
Neutrálny
- Ink Black
#000000— Všetok text tela, navigačný text, orámovanie odkazov, orámovanie kariet a orámovanie ikon tvorí štrukturálnu líniu celého rozhrania. - Warm Parchment
#f4f1e4— Pozadie stránok a sekcií v redakčnej/produktovej sekcii je pokojné pozadie, na ktorom sú umiestnené fotografie produktov. - Ivory Mist
#fcfaf1— Farba navigačného textu nad tmavým hlavným prvkom, jemný odtieň textúry a jemné okraje poskytujú teplejšiu alternatívu k čisto bielej pre používateľské rozhranie v tmavej časti.
Typografia
od 12 do 72px · 5 krokov
- Good Sans — náhrada: Söhne · obrysy 400, 700 · Univerzálne písmo pre navigáciu, text tela, metadáta produktov, odkazy a všetok text používateľského rozhrania. Systém dvojitej hmotnosti (bežná 400 pre text tela/nadpisy, tučné 700 pre názvy značiek, ceny a zvýraznenia) vytvára hierarchiu bez zväčšenia veľkosti. Vďaka takmer nulovým kladným rozstupom písmen je písmo skôr redakčné než geometrické.
- Redaction — náhrada: GT Sectra Display Bold · obrysy 700 · Len pre text tela – Toto je vlastné písmo pre veľký chrómový text „LUNCH“, ktorý slúži ako základ pre text tela na celú obrazovku. Používa sa presne raz na stránku; ide o typografický podpis, nie opätovne použiteľný komponent.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 20-30px |
| Polomer tlačidla | 0px |
| Polomer karty | 0px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 60-80px |
| Šírka stránky | 1280px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle LUNCH a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- MindMarket — Útulná rozprávková kniha na krémovom papieri - príjemné redakčné plátno, kde na slnkom zaliatom, mäkkom povrchu ako nálepka koexistujú veľké titulky Interu a vystrihnuté papierové postavičky.
- Lamborghini — Čierna farba karosérie v showroome, pod reflektormi - jedno žlté auto
- amp — Teplá oranžová na chladnom bielom pozadí. Dizajn pripomína prémiový fitness produkt odfotený v slnečnom podkroví: jeden kus, jeden akcent, jedno sebavedomé písmo, ktoré robí všetku prácu.
- IKEA — slnkom zaliaty švédsky nábytok v rozloženej podobe
- Microsoft — Maloobchodný katalóg používa charakteristickú modrú farbu – predstavte si štvorcové logo na bielej podlahe showroomu, kde je každý dizajnový prvok v modrej farbe.
- Vibrants — Lekáreň Skyborne na bielom mramore - tmavomodrý atrament je malta a dúhové spektrum je liek.
- Isla Beauty — Krémový lekárenský štýl s akcentmi chirurgickej červenej – predstavte si teplé pergamenové steny, jantárové fľaše a jednu červenú pečiatku na každej etikete.
- Swap — Galéria editoriálov Mint: Svetlé šalviové odtiene v miestnostiach s jasnými limetkovými akcentmi a jemnými pätkami
- Cursor — Útulná pergamenová dielňa, osvetlená tlejúcim uhlím
- Structured — Renesančná galéria na papieri podobnom plastelíne
- Apple (España) — Galéria múzea, zaliata jemným denným svetlom, je jediný, podmanivý, beztiažový biely priestor, pričom každý exponát je osvetlený bodovým svetlom na jemne tónovanej stene.
- Amplemarket — Slnkom zaliate pracovisko posiate konfetami