LUNCH
fluwelen poadium op waarm perkament
LUNCH CONCEPT lêst as in printe moade-editorial oerset nei it web: in tsjuster, folsleine haadfoto-elemint, wêrby't it merklogo presintearre wurdt as fergrutte 3D-tekst mei chrome-aksinten, folge troch in rêstige, katalogus-eftige produktgalery op waarm perkament. De pagina wikselt tusken filmyske konfrontaasje en stille beheining - it haadelemint falt oan, de haadseksje flústeret. In inkele, gedempte lavendelkleur ferskynt allinich yn 'e advertinsjerigel, yn' e "Utferkocht" steat, en yn 'e fuottekst, en tsjinnet as in merkferklearring ynstee fan in rop. In inkele, hantekening sans-serif lettertype (Good Sans) wurdt benammen brûkt by beskieden maten, en it haadlogo is it ienige momint fan typografysk spektakel. Ynteraksje bart allinich fia tekstlinks: gjin folde knoppen, gjin gradiënten, gjin dekorative chrome, útsein it 3D-logo fan it haadelemint.
Maksimale breedte ~1280px foar sintrearre ynhâldseksjes; sidetitel beslacht de hiele sidebreedte fan râne oant râne. Sideritme: donkere sidetitel dy't de hiele sidebreedte beslacht (viewporthichte) → sintrearre ynliedende tekst op in donkere eftergrûn → produktraster mei 4-5 kolommen op deselde eftergrûn → lila sluier-foettekststrip. Navigaasje is te finen as in tinne tekststrip boppe de sidetitel (ljochte tekst op in donkere eftergrûn) en boppe de ynliedende tekst (donkere tekst op in ljochte eftergrûn). It produktraster hat in tichte yndieling mei ynterne ôfstimming, sûnder ynspringingen tusken ôfbyldings of fisuele skieding. De ynliedende tekst is in smelle, sintrearre kolom (~600-700px) mei royale fertikale romte (60-80px) boppe en ûnder. Algemiene tichtheid: rom yn redaksjonele seksjes, komprimearre yn it produktraster.
Redaksjonele moadefotografy dominearret it ûntwerp: de haadôfbylding hat donkere, kontrastrike foto's fan modellen (somber studioferljochting, avant-garde styling - reade learen korsetten, rûge plaids, opfallende poses), wylst it raster skerpe produkt-/lookbook-foto's tsjin in platte, neutrale eftergrûn hat (modellen en produkten wurde fotografearre tsjin in ljochtgriis/wite eftergrûn, sûnder libbensstylkontekst). De ôfbyldings hawwe skerpe rânen, in nul radius, en binne strak ôfstimd mei oanbuorjende ôfbyldings yn it raster. De haadôfbylding beslacht alle fjouwer rânen fan it viewport, en in 3D chrome logo oerlaapt it objekt. Produktôfbyldings yn it raster behâlde in konsekwinte hichte-breedteferhâlding oer de heule rige. Der binne gjin yllustraasjes of ikoanen, útsein minimale tekstnavigaasje. De fisuele taal is: sjit goed, snij skerp, en lit de foto it gesicht fan it merk wêze.
Palet
Merk
- Lilac Veil
#b8aad0— Pearse opfoling foar eftergrûnhichtepunten, dekorative strepen en in sêft aksint efter de ynhâld.
Neutraal
- Ink Black
#000000— Alle lichemstekst, navigaasjetekst, keppelingsrânen, kaartrânen en ikoanrânen foarmje de strukturele line fan 'e heule ynterface. - Warm Parchment
#f4f1e4— De eftergrûn fan 'e siden en seksjes yn it redaksje-/produktgebiet is in rêstige eftergrûn wêrop produktfoto's pleatst wurde. - Ivory Mist
#fcfaf1— De kleur fan 'e navigaasjetekst boppe op it donkere haadelemint, in subtile tint fan tekstuer en subtile rânen jouwe in waarmer alternatyf foar suver wyt foar de brûkersynterface yn it tsjustere diel.
Typografy
fan 12 oant 72px · 5 stappen
- Good Sans — ferfanging: Söhne · sketsen 400, 700 · In universeel lettertype foar navigaasje, lichemstekst, produktmetadata, keppelings en alle UI-tekst. It dûbele gewichtssysteem (gewoan 400 foar lichemstekst/kopteksten, fet 700 foar merknammen, prizen en markearrings) makket hiërargy sûnder de grutte te fergrutsjen. Hast nul positive letterôfstân makket it mear redaksjoneel as geometrysk.
- Redaction — ferfanging: GT Sectra Display Bold · sketsen 700 · Allinnich foar lichemstekst - Dit is in oanpast lettertype foar de grutte, chrome tekst "LUNCH" dy't tsjinnet as basis foar de folsleine skerm lichemstekst. It wurdt presys ien kear per pagina brûkt; it is in typografyske hântekening, gjin werbrûkbere komponint.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 20-30px |
| Knopradius | 0px |
| Kaartradius | 0px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 60-80px |
| Sidebreedte | 1280px |
AI sil jo webside bouwe yn LUNCH -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- MindMarket — In noflik mearkeboek op crèmekleurich papier - in freonlik redaksjoneel doek dêr't grutte Inter-koppen en útsnien papieren personaazjes neist elkoar besteane op in sinnich, sticker-sêft oerflak.
- Lamborghini — Swarte karrosseriekleur yn 'e showroom, ûnder de spotlights - ien giele auto
- amp — Waarm oranje tsjin in koel wite eftergrûn. It ûntwerp docht tinken oan in premium fitnessprodukt fotografearre yn in sinnige loft: ien item, ien aksint, ien selsbewust lettertype dat al it wurk docht.
- IKEA — in sinne-oerdrenkte Sweedske meubelshowroom yn demontearre foarm
- Microsoft — De retailkatalogus brûkt in karakteristike blauwe kleur - stel jo in fjouwerkant logo foar op in wite showroomflier, wêr't elk ûntwerpelemint yn blau is.
- Vibrants — Skyborne Apteek op wyt moarmer - donkerblauwe inket is de mortier en it reinbôgespektrum is it medisyn
- Isla Beauty — Romige apothekersstyl mei aksinten fan sjirurgysk read - tink oan waarme perkamentmuorren, amberflessen en in inkele reade stempel op elk etiket.
- Swap — Redaksjegalery Mint: Ljochte saliekleuren yn keamers mei heldere limoenaksinten en subtile serifs
- Cursor — In noflike perkamentwurkpleats, ferljochte troch smeulende koalen
- Structured — Renêssânsegalery op plastisine-eftich papier
- Apple (España) — De museumgalery, by sêft deiljocht, is ien, boeiende, gewichtleaze wite romte, mei elke tentoanstelling ferljochte troch in spotlight tsjin in licht getinte muorre.
- Amplemarket — In sinnige wurkpleats bezaaid mei konfetti