LUNCH
fløjlspodium på varmt pergament
LUNCH CONCEPT kan læses som en trykt modeartikel oversat til nettet: et mørkt, helsides hovedfotoelement, hvor brandlogoet præsenteres som forstørret 3D-tekst med kromaccenter, efterfulgt af et roligt, kataloglignende produktgalleri på varmt pergament. Siden veksler mellem filmisk konfrontation og stille tilbageholdenhed – hovedelementet angriber, hovedsektionen hvisker. En enkelt, dæmpet lavendelfarve vises kun i annoncelinjen, i "Udsolgt"-tilstanden og i sidefoden og fungerer som et brandstatement snarere end et råb. En enkelt, signatur sans-serif-skrifttype (Good Sans) bruges primært i beskedne størrelser, og hovedlogoet er det eneste øjeblik med typografisk skue. Interaktion sker udelukkende via tekstlinks: ingen udfyldte knapper, ingen gradienter, ingen dekorativ krom, bortset fra hovedelementets 3D-logo.
Maksimal bredde ~1280px for centrerede indholdssektioner; sidetitlen spænder over hele sidebredden fra kant til kant. Siderytme: mørk sidetitel, der spænder over hele sidebredden (viewporthøjde) → centreret introduktionstekst på en mørk baggrund → produktgitter med 4-5 kolonner på samme baggrund → lilla slør-fodstrimmel. Navigationen er placeret som en tynd tekststrimmel over sidetitlen (lys tekst på en mørk baggrund) og over den introducerende tekst (mørk tekst på en lys baggrund). Produktgitteret har et tæt layout med intern justering uden indryk mellem billeder eller visuel adskillelse. Den introducerende tekst er en smal, centreret kolonne (~600-700px) med generøs lodret plads (60-80px) over og under. Samlet tæthed: rummelig i redaktionelle sektioner, komprimeret i produktgitteret.
Redaktionel modefotografi dominerer designet: Hovedbilledet viser mørke fotos af modeller med høj kontrast (dyster studiebelysning, avantgarde-styling - røde læderkorsetter, ternede tern, slående poseringer), mens gitteret viser skarpe produkt-/lookbook-billeder mod en flad, neutral baggrund (modeller og produkter er fotograferet mod en lysegrå/hvid baggrund uden livsstilskontekst). Billederne har skarpe kanter, en radius på nul og er tæt justeret med tilstødende billeder i gitteret. Hovedbilledet optager alle fire kanter af visningsporten, og et 3D-forkromet logo overlapper objektet. Produktbillederne i gitteret opretholder et ensartet højde-til-bredde-forhold på tværs af hele rækken. Der er ingen illustrationer eller ikoner udover minimal tekstnavigation. Det visuelle sprog er: optag godt, beskær skarpt, og lad billedet være brandets ansigt.
Palet
Mærke
- Lilac Veil
#b8aad0— Lilla udfyldning til baggrundshøjlys, dekorative striber og en blød accent bag indholdet.
Neutral
- Ink Black
#000000— Al brødtekst, navigationstekst, linkrammer, kortrammer og ikonrammer danner den strukturelle linje for hele brugerfladen. - Warm Parchment
#f4f1e4— Baggrunden for siderne og sektionerne i det redaktionelle/produktområde er en rolig baggrund, hvorpå produktfotografier placeres. - Ivory Mist
#fcfaf1— Farven på navigationsteksten oven på det mørke hovedelement, en diskret teksturtone og diskrete kanter giver et varmere alternativ til ren hvid til brugergrænsefladen i den mørke sektion.
Typografi
fra 12 til 72px · 5 trin
- Good Sans — udskiftning: Söhne · konturer 400, 700 · En universel skrifttype til navigation, brødtekst, produktmetadata, links og al UI-tekst. Det dobbelte vægtsystem (almindelig 400 for brødtekst/overskrifter, fed 700 for brandnavne, priser og fremhævninger) skaber hierarki uden at øge størrelsen. Næsten nul positiv bogstavafstand gør den mere redaktionel end geometrisk.
- Redaction — udskiftning: GT Sectra Display Bold · konturer 700 · Kun til brødtekst – Dette er en brugerdefineret skrifttype til den store, kromfarvede tekst "LUNCH", der fungerer som base for brødteksten i fuld skærm. Den bruges præcis én gang pr. side; det er en typografisk signatur, ikke en genanvendelig komponent.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 20-30px |
| Knapradius | 0px |
| Kortradius | 0px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 60-80px |
| Sidebredde | 1280px |
AI vil bygge din hjemmeside i LUNCH -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- MindMarket — En hyggelig eventyrbog på cremefarvet papir - et venligt redaktionelt lærred, hvor store Inter-overskrifter og udklippede papirfigurer sameksisterer på en solbeskinnet, klistermærkeblød overflade.
- Lamborghini — Sort karrosserifarve i udstillingslokalet, under projektørerne - én gul bil
- amp — Varm orange mod en kølig hvid baggrund. Designet minder om et premium fitnessprodukt fotograferet i en solbeskinnet hems: ét produkt, én accent, én selvsikker skrifttype, der gør alt arbejdet.
- IKEA — et solbeskinnet svensk møbelshowroom i adskilt form
- Microsoft — Detailkataloget bruger en signaturblå farve – forestil dig et firkantet logo på et hvidt showroomgulv, hvor alle designelementer er i blåt.
- Vibrants — Skyborne Apotek på hvid marmor - mørkeblå blæk er mørtelen og regnbuespektret er medicinen
- Isla Beauty — Cremet apotekerstil med accenter af kirurgisk rødt – tænk varme pergamentvægge, ravfarvede flasker og et enkelt rødt stempel på hver etiket.
- Swap — Mint redaktionsgalleri: Lyse salviefarver i rum med klare limefarvede accenter og diskrete seriffer
- Cursor — Et hyggeligt pergamentværksted, oplyst af ulmende kul
- Structured — Renæssancegalleri på modellervokslignende papir
- Apple (España) — Museumsgalleriet er i blødt dagslys et enkelt, fængslende, vægtløst hvidt rum, hvor hver udstilling er oplyst af en spotlight mod en let tonet væg.
- Amplemarket — En solbeskinnet arbejdsplads oversået med konfetti