LUNCH
fløyelspodium på varmt pergament
LUNCH CONCEPT leses som en trykt moteartikkel oversatt til nettet: et mørkt, helsides hovedbildeelement, der merkelogoen presenteres som forstørret 3D-tekst med kromaksenter, etterfulgt av et rolig, kataloglignende produktgalleri på varmt pergament. Siden veksler mellom filmatisk konfrontasjon og stille tilbakeholdenhet – hovedelementet angriper, hovedseksjonen hvisker. En enkelt, dempet lavendelfarge vises bare i annonselinjen, i «Utsolgt»-tilstanden og i bunnteksten, og fungerer som et merkeerklæring snarere enn et rop. En enkelt, signatur sans-serif-skrifttype (Good Sans) brukes primært i moderate størrelser, og hovedlogoen er det eneste øyeblikket med typografisk skue. Interaksjon skjer utelukkende gjennom tekstlenker: ingen fylte knapper, ingen gradienter, ingen dekorativ krom, bortsett fra 3D-logoen til hovedelementet.
Maksimal bredde ~1280 piksler for sentrerte innholdsseksjoner; sidetittelen strekker seg over hele sidebredden fra kant til kant. Siderytme: mørk sidetittel som strekker seg over hele sidebredden (viewporthøyde) → sentrert introduksjonstekst på mørk bakgrunn → produktrutenett med 4–5 kolonner på samme bakgrunn → lilla slørbunnstripe. Navigasjonen er plassert som en tynn tekststripe over sidetittelen (lys tekst på mørk bakgrunn) og over introduksjonsteksten (mørk tekst på lys bakgrunn). Produktrutenettet har en tett layout med intern justering, uten innrykk mellom bilder eller visuell separasjon. Introduksjonsteksten er en smal, sentrert kolonne (~600–700 piksler) med sjenerøs vertikal plass (60–80 piksler) over og under. Total tetthet: romslig i redaksjonelle seksjoner, komprimert i produktrutenettet.
Redaksjonell motefotografering dominerer designet: hovedbildet viser mørke bilder av modeller med høy kontrast (dyster studiobelysning, avantgarde-styling – røde skinnkorsetter, rutete ruter, slående poseringer), mens rutenettet viser skarpe produkt-/lookbook-bilder mot en flat, nøytral bakgrunn (modeller og produkter er fotografert mot en lys grå/hvit bakgrunn, uten livsstilskontekst). Bildene har skarpe kanter, en radius på null og er tett justert med tilstøtende bilder i rutenettet. Hovedbildet opptar alle fire kantene av visningsporten, og en 3D-kromlogo overlapper objektet. Produktbilder i rutenettet opprettholder et konsistent høyde-til-bredde-forhold over hele raden. Det er ingen illustrasjoner eller ikoner, annet enn minimal tekstnavigasjon. Det visuelle språket er: fotografer godt, beskjær skarpt og la bildet være merkevarens ansikt utad.
Palett
Merke
- Lilac Veil
#b8aad0— Lilla fyll for bakgrunnshøydepunkter, dekorative striper og en myk aksent bak innholdet.
Nøytral
- Ink Black
#000000— All brødtekst, navigasjonstekst, lenkegrenser, kortgrenser og ikongrenser danner den strukturelle linjen for hele grensesnittet. - Warm Parchment
#f4f1e4— Bakgrunnen for sidene og seksjonene i det redaksjonelle/produktområdet er en rolig bakgrunn som produktfotografier plasseres på. - Ivory Mist
#fcfaf1— Fargen på navigasjonsteksten oppå det mørke hovedelementet, en subtil teksturfarge og subtile rammer gir et varmere alternativ til rent hvitt for brukergrensesnittet i den mørke delen.
Typografi
fra 12 til 72 piksler · 5 trinn
- Good Sans — erstatning: Söhne · omriss 400, 700 · En universell skrifttype for navigasjon, brødtekst, produktmetadata, lenker og all UI-tekst. Det doble vektsystemet (vanlig 400 for brødtekst/overskrifter, fet skrift 700 for merkenavn, priser og uthevinger) skaper hierarki uten å øke størrelsen. Nesten null positiv bokstavavstand gjør den mer redaksjonell enn geometrisk.
- Redaction — erstatning: GT Sectra Display Bold · omriss 700 · Kun for brødtekst – Dette er en tilpasset skrifttype for den store, kromfargede teksten «LUNCH» som fungerer som base for fullskjerms brødtekst. Den brukes nøyaktig én gang per side; det er en typografisk signatur, ikke en gjenbrukbar komponent.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 20-30px |
| Knapperadius | 0px |
| Kortradius | 0px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 60-80px |
| Sidebredde | 1280px |
AI vil bygge nettstedet ditt i LUNCH -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- MindMarket — En koselig eventyrbok på kremfarget papir – et vennlig redaksjonelt lerret der store Inter-overskrifter og utklippede papirfigurer sameksisterer på en solfylt, klistremerkemyk overflate.
- Lamborghini — Svart karosserifarge i utstillingslokalet, under spotlights - én gul bil
- amp — Varm oransje mot en kjølig hvit bakgrunn. Designet minner om et premium treningsprodukt fotografert i et solfylt loft: ett plagg, én aksent, én selvsikker skrifttype som gjør alt arbeidet.
- IKEA — et solfylt svensk møbelshowroom i demontert form
- Microsoft — Detaljhandelskatalogen bruker en signaturblå farge – se for deg en firkantet logo på et hvitt utstillingsgulv, hvor alle designelementer er i blått.
- Vibrants — Skyborne Pharmacy på hvit marmor – mørkeblått blekk er mørtelen og regnbuespekteret er medisinen
- Isla Beauty — Kremete apotekerstil med innslag av kirurgisk rødt – tenk varme pergamentvegger, ravfargede flasker og et enkelt rødt stempel på hver etikett.
- Swap — Redaksjonelt galleri i Mint: Lyse salviefarger i rom med lyse limefarger og subtile seriffer
- Cursor — Et koselig pergamentverksted, opplyst av ulmende kull
- Structured — Renessansegalleri på plastelinalignende papir
- Apple (España) — Museumsgalleriet, i mykt dagslys, er et enkelt, fengslende, vektløst hvitt rom, der hver utstilling er opplyst av en spotlight mot en lett tonet vegg.
- Amplemarket — En solfylt arbeidsplass strødd med konfetti