LUNCH
sametové pódium na teplém pergamenu
LUNCH CONCEPT se čte jako tištěný módní editoriál přeložený na web: tmavý, celostránkový hlavní fotografický prvek, kde je logo značky prezentováno jako zvětšený 3D text s chromovými akcenty, následovaný klidnou, katalogovou galerií produktů na teplém pergamenu. Stránka střídá filmovou konfrontaci s tichou zdrženlivostí – hlavní prvek útočí, hlavní část šeptá. Jediná, tlumená levandulová barva se objevuje pouze v reklamním řádku, ve stavu „Vyprodáno“ a v zápatí a slouží spíše jako prohlášení o značce než jako výkřik. Jediné, charakteristické bezpatkové písmo (Good Sans) se používá převážně ve skromných velikostech a hlavní logo je jediným momentem typografické podívané. Interakce probíhá výhradně prostřednictvím textových odkazů: žádná vyplněná tlačítka, žádné přechody, žádný dekorativní chrom, s výjimkou 3D loga hlavního prvku.
Maximální šířka ~1280px pro sekce s obsahem uprostřed; název stránky se rozprostírá přes celou šířku stránky od okraje k okraji. Rytmus stránky: tmavý název stránky přes celou šířku stránky (výška zobrazovacího pole) → úvodní text uprostřed na tmavém pozadí → produktová mřížka se 4–5 sloupci na stejném pozadí → zápatí s fialovým závojem. Navigace je umístěna jako tenký textový proužek nad názvem stránky (světlý text na tmavém pozadí) a nad úvodním textem (tmavý text na světlém pozadí). Produktová mřížka má husté rozvržení s vnitřním zarovnáním, bez odsazení mezi obrázky nebo vizuálního oddělení. Úvodní text je úzký, středový sloupec (~600–700px) s velkorysým svislým prostorem (60–80px) nad a pod ním. Celková hustota: prostorná v redakčních sekcích, komprimovaná v produktové mřížce.
Dominuje design redakční módní fotografie: hlavní obrázek obsahuje tmavé, vysoce kontrastní fotografie modelek (ponuré studiové osvětlení, avantgardní styl – červené kožené korzety, kostkované kostky, výrazné pózy), zatímco mřížka obsahuje ostré snímky produktů/lookbooků na plochém, neutrálním pozadí (modelky a produkty jsou vyfotografovány na světle šedobílém pozadí, bez kontextu životního stylu). Snímky mají ostré okraje, nulový poloměr a jsou těsně zarovnané se sousedními snímky v mřížce. Hlavní obrázek zabírá všechny čtyři okraje zobrazovacího pole a objekt překrývá 3D chromované logo. Obrázky produktů v mřížce si v celém řádku zachovávají konzistentní poměr výšky a šířky. Neobsahují žádné ilustrace ani ikony, kromě minimální textové navigace. Vizuální jazyk zní: fotit dobře, ostře ořezávat a nechat fotografii být tváří značky.
Paleta
Značka
- Lilac Veil
#b8aad0— Fialová výplň pro zvýraznění pozadí, ozdobné pruhy a jemný akcent za obsahem.
Neutrální
- Ink Black
#000000— Veškerý text v těle, navigační text, ohraničení odkazů, ohraničení karet a ohraničení ikon tvoří strukturální linii celého rozhraní. - Warm Parchment
#f4f1e4— Pozadí stránek a sekcí v redakční/produktové sekci je klidné, na kterém jsou umístěny fotografie produktů. - Ivory Mist
#fcfaf1— Barva navigačního textu nad tmavým hlavním prvkem, jemný odstín textury a jemné okraje poskytují pro uživatelské rozhraní v tmavé části teplejší alternativu k čistě bílé.
Typografie
od 12 do 72 pixelů · 5 kroků
- Good Sans — nahrazení: Söhne · obrysy 400, 700 · Univerzální písmo pro navigaci, text těla, metadata produktů, odkazy a veškerý text uživatelského rozhraní. Systém dvojí gramáže (běžná 400 pro text těla/nadpisy, tučná 700 pro názvy značek, ceny a zvýraznění) vytváří hierarchii bez zvětšování velikosti. Díky téměř nulovým kladným mezerám mezi písmeny je písmo spíše redakční než geometrické.
- Redaction — nahrazení: GT Sectra Display Bold · obrysy 700 · Pouze pro text těla – Toto je vlastní písmo pro velký chromovaný text „LUNCH“, který slouží jako základ pro text těla na celou obrazovku. Používá se přesně jednou na stránku; jedná se o typografický podpis, nikoli o opakovaně použitelnou komponentu.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 20-30px |
| Poloměr tlačítka | 0px |
| Poloměr karty | 0px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 60-80px |
| Šířka stránky | 1280px |
Umělá inteligence vám vytvoří web ve stylu LUNCH a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- MindMarket — Útulná pohádková knížka na krémovém papíře - přátelské redakční plátno, kde na sluncem zalitém, měkkém povrchu jako samolepky koexistují velké titulky Interu a vystřižené papírové postavičky.
- Lamborghini — Černá barva karoserie v showroomu, pod reflektory - jedno žluté auto
- amp — Teplá oranžová na chladném bílém pozadí. Design připomíná prémiový fitness produkt vyfocený v sluncem zalitém podkroví: jeden kus, jeden akcent, jedno sebevědomé písmo, které odvede veškerou práci.
- IKEA — sluncem zalitý švédský showroom nábytku v rozložené podobě
- Microsoft — Maloobchodní katalog používá charakteristickou modrou barvu – představte si čtvercové logo na bílé podlaze showroomu, kde je každý designový prvek v modré barvě.
- Vibrants — Lékárna Skyborne na bílém mramoru - tmavě modrý inkoust je malta a duhové spektrum je lék
- Isla Beauty — Krémový lékárenský styl s akcenty chirurgické červené – představte si teplé pergamenové stěny, jantarové lahve a jediné červené razítko na každé etiketě.
- Swap — Galerie redakce Mint: Světlé šalvějové odstíny v místnostech s jasnými limetkovými akcenty a jemnými patkami
- Cursor — Útulná pergamenová dílna, osvětlená doutnajícím uhlím
- Structured — Renesanční galerie na papíře podobném plastelíně
- Apple (España) — Galerie muzea, zalitá měkkým denním světlem, je jediný, podmanivý, beztížný bílý prostor, kde každý exponát osvětluje bodové světlo na lehce tónované stěně.
- Amplemarket — Sluncem zalité pracoviště poseté konfetami