LUNCH
Samtpodium op waarmem Pergament
LUNCH CONCEPT liest sech wéi en gedréckten Editorial am Moud, deen an d'Web iwwersat gëtt: en däischtert, ganzsäitegt Haaptfotoelement, wou de Markenlogo als vergréissert 3D-Text mat Chrom-Akzenter presentéiert gëtt, gefollegt vun enger roueger, katalogähnlecher Produktgalerie op waarmem Pergament. D'Säit wiesselt tëscht kinomatescher Konfrontatioun a roueger Réckhaltung - den Haaptelement attackéiert, den Haaptdeel flüstert. Eng eenzeg, gedämpft Lavendelfaarf erschéngt nëmmen an der Annoncezeil, am "Ausverkaaft"-Zoustand an am Fousszeilen, a déngt éischter als Markenausso wéi als Ruff. Eng eenzeg, charakteristesch Sans-Serif-Schrëft (Good Sans) gëtt haaptsächlech a bescheidenen Gréissten benotzt, an den Haaptlogo ass deen eenzege Moment vum typographesche Spektakel. Interaktioun geschitt nëmmen iwwer Textlinks: keng gefëllte Knäppercher, keng Verlaf, kee dekorativen Chrom, ausser dem 3D-Logo vum Haaptelement.
Maximal Breet ~1280px fir zentréiert Inhaltssektiounen; den Säitentitel erstreckt sech iwwer déi ganz Säitebreet vu Rand bis Rand. Säiterhythmus: donkelen Säitentitel, deen déi ganz Säitebreet (Viewport-Héicht) erstreckt → zentréierten Aféierungstext op engem donkelen Hannergrond → Produktraster mat 4-5 Kolonnen um selwechten Hannergrond → Flieder-Schleier-Fousszeilen. D'Navigatioun ass als dënnen Textsträifen iwwer dem Säitentitel (hellen Text op engem donkelen Hannergrond) an iwwer dem Aféierungstext (donkelen Text op engem hellen Hannergrond) lokaliséiert. De Produktraster huet en dichten Layout mat interner Ausriichtung, ouni Andréck tëscht Biller oder visuell Trennung. Den Aféierungstext ass eng schmuel, zentréiert Kolonn (~600-700px) mat generéisem vertikale Raum (60-80px) uewen an ënnen. Gesamtdicht: geräumig an redaktionellen Sektiounen, kompriméiert am Produktraster.
Editorial Moudfotografie dominéiert den Design: D'Haaptbild weist däischter, kontrasträich Fotoe vu Modeller (düster Studiobeliichtung, Avantgarde-Styling - rout Liederkorsetten, kariert Karoen, opfälleg Posen), während de Raster schaarf Produkt-/Lookbook-Fotoen virun engem flaache, neutralen Hannergrond weist (Modeller a Produkter gi virun engem hellgro/wäissen Hannergrond fotograféiert, ouni Lifestyle-Kontext). D'Biller hunn schaarf Kanten, e Radius vun Null a sinn enk mat den Nopeschbiller am Raster ausgeriicht. D'Haaptbild besetzt all véier Kanten vum Viewport, an e 3D-Chrom-Logo iwwerlappt den Objet. Produktbiller am Raster behalen e konsequent Héicht-Breet-Verhältnis iwwer déi ganz Zeil. Et gëtt keng Illustratiounen oder Ikonen, ausser minimaler Textnavigatioun. Déi visuell Sprooch ass: gutt fotograféieren, schaarf schneiden a loosst d'Foto d'Gesiicht vun der Mark sinn.
Palette
Mark
- Lilac Veil
#b8aad0— Violett Fëllung fir Hannergrondhighlights, dekorativ Sträifen an e mëllen Akzent hannert dem Inhalt.
Neutral
- Ink Black
#000000— All Kierpertext, Navigatiounstext, Linkgrenzen, Kaartegrenzen a Ikongrenzen bilden déi strukturell Linn vun der ganzer Interface. - Warm Parchment
#f4f1e4— Den Hannergrond vun de Säiten a Sektiounen am Editorial-/Produktberäich ass e rouegen Hannergrond, op deem Produktfotoe placéiert ginn. - Ivory Mist
#fcfaf1— D'Faarf vum Navigatiounstext uewen um donkelen Haaptelement, eng subtil Texturtéinung an déi subtil Ränner bidden eng méi waarm Alternativ zu reng Wäiss fir d'UI am donkelen Deel.
Typographie
vun 12 bis 72px · 5 Schrëtt
- Good Sans — Ersatz: Söhne · Konturen 400, 700 · Eng universell Schrëft fir Navigatioun, Kierpertext, Produktmetadaten, Linken an all UI-Text. Dat duebelt Gewiichtssystem (normal 400 fir Kierpertext/Iwwerschrëften, fett 700 fir Markennimm, Präisser an Highlights) erstellt eng Hierarchie ouni d'Gréisst ze erhéijen. Bal null positiven Ofstand tëscht Buschtawen mécht et méi redaktionell wéi geometresch.
- Redaction — Ersatz: GT Sectra Display Bold · Konturen 700 · Nëmme fir den Haapttext - Dëst ass eng personaliséiert Schrëft fir den groussen, chrome Text "LUNCH", deen als Basis fir den Haapttext am Vollbildmodus déngt. Si gëtt genee eemol pro Säit benotzt; et ass eng typographesch Ënnerschrëft, keng wiederverwendbar Komponent.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 20-30px |
| Knäppchenradius | 0px |
| Kaarteradius | 0px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 60-80px |
| Säitebreet | 1280px |
KI baut Är Websäit am Stil vun LUNCH op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- MindMarket — E gemittlecht Mäerchebuch op crèmefaarwege Pabeier - eng frëndlech redaktionell Leinwand, wou grouss Inter-Schlagzeilen a ausgeschniddene Pabeierfiguren op enger sonneger, stickermëller Uewerfläch koexistéieren.
- Lamborghini — Schwaarz Karosseriefaarf am Showroom, ënnert de Spotlights - een gielt Auto
- amp — Waarmt Orange virun engem kale wäissen Hannergrond. Den Design erënnert un e Premium-Fitnessprodukt, dat an engem sonnege Loft fotograféiert gouf: een Artikel, een Akzent, eng selbstbewosst Schrëft, déi all d'Aarbecht mécht.
- IKEA — e sonneverschwonnenen schwedesche Miwwelshowroom an ofmontéierter Form
- Microsoft — De Katalog vum Detailhandel benotzt eng charakteristesch blo Faarf – stellt Iech e quadratescht Logo op engem wäisse Showroom-Buedem vir, wou all Designelement a blo ass.
- Vibrants — Skyborne Apdikt op wäissem Marmer - donkelblo Tënt ass de Mörtel an de Reebouspektrum ass d'Medizin
- Isla Beauty — Crèmege Apdikterstil mat Akzenter vu chirurgeschem Rout - denkt u waarm Pergamentwänn, Bernsteinfläschen an een eenzege roude Stempel op all Etikett.
- Swap — Mint Editorial Gallery: Hell Salbei-Téin a Raim mat helle Kallekakzenter a subtile Serifen
- Cursor — E gemittlecht Pergamentatelier, beliicht vu schmëlzende Kuelen
- Structured — Renaissance-Galerie op Plastikin-ähnleche Pabeier
- Apple (España) — D'Muséesgalerie ass bei mëllen Dagesliicht een eenzegen, fesselnd, gewichtslose wäisse Raum, wou all Ausstellungsstéck vun engem Spotlight géint eng liicht getéint Mauer beliicht ass.
- Amplemarket — E sonnege Schaffplatz mat Konfetti bedeckt