LUNCH
sammetspodium på varmt pergament
LUNCH CONCEPT kan läsas som en tryckt modeartikel översatt till webben: ett mörkt, helsides huvudfotoelement, där varumärkeslogotypen presenteras som förstorad 3D-text med kromaccenter, följt av ett lugnt, katalogliknande produktgalleri på varmt pergament. Sidan växlar mellan filmisk konfrontation och tyst återhållsamhet – huvudelementet attackerar, huvudsektionen viskar. En enda, dämpad lavendelfärg visas endast i annonsraden, i "Slutsålt"-läge och i sidfoten, och fungerar som ett varumärkesuttalande snarare än ett rop. Ett enda, signaturtypsnitt med sans-serif-serif (Good Sans) används främst i blygsamma storlekar, och huvudlogotypen är det enda ögonblicket av typografiskt spektakel. Interaktion sker enbart via textlänkar: inga fyllda knappar, inga gradienter, ingen dekorativ krom, förutom huvudelementets 3D-logotyp.
Maximal bredd ~1280px för centrerade innehållsavsnitt; sidtiteln sträcker sig över hela sidbredden från kant till kant. Sidrytm: mörk sidtitel som sträcker sig över hela sidbredden (viewporthöjd) → centrerad inledande text på en mörk bakgrund → produktrutnät med 4–5 kolumner på samma bakgrund → sidfotsremsa i lila slöja. Navigeringen är placerad som en tunn textremsa ovanför sidtiteln (ljus text på en mörk bakgrund) och ovanför den inledande texten (mörk text på en ljus bakgrund). Produktrutnätet har en tät layout med intern justering, utan indrag mellan bilder eller visuell separation. Den inledande texten är en smal, centrerad kolumn (~600–700px) med generöst vertikalt utrymme (60–80px) ovanför och nedanför. Övergripande densitet: rymlig i redaktionella avsnitt, komprimerad i produktrutnätet.
Redaktionell modefotografering dominerar designen: huvudbilden visar mörka foton med hög kontrast på modeller (dyster studiobelysning, avantgardistisk styling – röda läderkorsetter, rutiga plädar, slående poser), medan rutnätet visar skarpa produkt-/lookbook-bilder mot en platt, neutral bakgrund (modeller och produkter är fotograferade mot en ljusgrå/vit bakgrund, utan livsstilskontext). Bilderna har skarpa kanter, en radie på noll och är tätt i linje med intilliggande bilder i rutnätet. Huvudbilden upptar alla fyra kanter av visningsporten, och en 3D-kromlogotyp överlappar objektet. Produktbilderna i rutnätet upprätthåller ett konsekvent höjd-till-bredd-förhållande över hela raden. Det finns inga illustrationer eller ikoner, förutom minimal textnavigering. Det visuella språket är: fotografera bra, beskär skarpt och låt fotot vara varumärkets ansikte utåt.
Palett
Stämpla
- Lilac Veil
#b8aad0— Lila fyllning för bakgrundsmarkeringar, dekorativa ränder och en mjuk accent bakom innehållet.
Neutral
- Ink Black
#000000— All brödtext, navigeringstext, länkramar, kortramar och ikonramar utgör den strukturella linjen för hela gränssnittet. - Warm Parchment
#f4f1e4— Bakgrunden för sidorna och avsnitten i det redaktionella/produktområdet är en lugn bakgrund på vilken produktfotografier placeras. - Ivory Mist
#fcfaf1— Färgen på navigationstexten ovanpå det mörka huvudelementet, en subtil nyans av textur och subtila kanter ger ett varmare alternativ till rent vitt för användargränssnittet i den mörka delen.
Typografi
från 12 till 72px · 5 steg
- Good Sans — ersättning: Söhne · konturer 400, 700 · Ett universellt typsnitt för navigering, brödtext, produktmetadata, länkar och all UI-text. Det dubbla viktningssystemet (vanlig 400 för brödtext/rubriker, fetstil 700 för varumärken, priser och markeringar) skapar hierarki utan att öka storleken. Nästan noll positivt bokstavsavstånd gör det mer redaktionellt än geometriskt.
- Redaction — ersättning: GT Sectra Display Bold · konturer 700 · Endast för brödtext – Detta är ett anpassat teckensnitt för den stora, kromade texten "LUNCH" som fungerar som bas för helskärmsbrödtexten. Det används exakt en gång per sida; det är en typografisk signatur, inte en återanvändbar komponent.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 20-30px |
| Knappradie | 0px |
| Kortradie | 0px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 60-80px |
| Sidbredd | 1280px |
AI kommer att bygga din webbplats i LUNCH -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- MindMarket — En mysig sagobok på krämfärgat papper – en vänlig redaktionell duk där stora Inter-rubriker och utklippta pappersfigurer samsas på en soldränkt, klistermjuk yta.
- Lamborghini — Svart karossfärg i utställningslokalen, under strålkastarna - en gul bil
- amp — Varm orange mot en kallvit bakgrund. Designen påminner om en premium träningsprodukt fotograferad i ett soldränkt loft: ett plagg, en accent, ett självsäkert typsnitt som gör jobbet.
- IKEA — ett soldränkt svenskt möbelshowroom i demonterad form
- Microsoft — Detaljhandelskatalogen använder en signaturblå färg – tänk dig en fyrkantig logotyp på ett vitt utställningsgolv, där varje designelement är i blått.
- Vibrants — Skyborne Pharmacy på vit marmor - mörkblått bläck är murbruket och regnbågens spektrum är medicinen
- Isla Beauty — Krämig apoteksstil med accenter av kirurgiskt rött – tänk varma pergamentväggar, bärnstensfärgade flaskor och en enda röd stämpel på varje etikett.
- Swap — Redaktionellt galleri i Mint: Ljusa salviafärger i rum med ljusa limefärgade accenter och subtila seriffer
- Cursor — En mysig pergamentverkstad, upplyst av glödande kol
- Structured — Renässansgalleri på modelleraliknande papper
- Apple (España) — Museigalleriet, i mjukt dagsljus, är ett enda, fängslande, viktlöst vitt utrymme, där varje utställningsföremål upplysts av en spotlight mot en lätt tonad vägg.
- Amplemarket — En soldränkt arbetsplats beströdd med konfetti