LUNCH
fluwelen podium op warm perkament
LUNCH CONCEPT leest als een gedrukt mode-editorial vertaald naar het web: een donkere, paginavullende hoofdfoto, waarin het merklogo wordt gepresenteerd als vergrote 3D-tekst met chromen accenten, gevolgd door een rustige, catalogusachtige productgalerij op warm perkament. De pagina wisselt af tussen filmische confrontatie en ingetogenheid – het hoofdelement valt aan, de rest fluistert. Een enkele, gedempte lavendelkleur verschijnt alleen in de advertentietekst, in de "Uitverkocht"-status en in de footer, en dient als een merkstatement in plaats van een schreeuw. Er wordt voornamelijk één kenmerkend schreefloos lettertype (Good Sans) gebruikt in bescheiden formaten, en het hoofdlogo is het enige moment van typografisch spektakel. Interactie vindt uitsluitend plaats via tekstlinks: geen opgevulde knoppen, geen verlopen, geen decoratief chroom, behalve het 3D-logo van het hoofdelement.
Maximale breedte ~1280px voor gecentreerde contentsecties; de paginatitel beslaat de volledige paginabreedte van rand tot rand. Paginaritme: donkere paginatitel over de volledige paginabreedte (viewporthoogte) → gecentreerde inleidende tekst op een donkere achtergrond → productraster van 4-5 kolommen op dezelfde achtergrond → lila voettekststrook. De navigatie bevindt zich als een dunne tekststrook boven de paginatitel (lichte tekst op een donkere achtergrond) en boven de inleidende tekst (donkere tekst op een lichte achtergrond). Het productraster heeft een compacte lay-out met interne uitlijning, zonder inspringingen tussen afbeeldingen of visuele scheiding. De inleidende tekst is een smalle, gecentreerde kolom (~600-700px) met ruime verticale ruimte (60-80px) erboven en eronder. Algehele dichtheid: ruim in de redactionele secties, compact in het productraster.
De vormgeving wordt gedomineerd door redactionele modefotografie: de hoofdafbeelding toont donkere, contrastrijke foto's van modellen (somber studiolicht, avant-gardistische styling – rode leren korsetten, geruite stoffen, opvallende poses), terwijl het raster scherpe product-/lookbookfoto's toont tegen een vlakke, neutrale achtergrond (modellen en producten zijn gefotografeerd tegen een lichtgrijze/witte achtergrond, zonder lifestyle-context). De afbeeldingen hebben scherpe randen, een radius van nul en zijn strak uitgelijnd met aangrenzende afbeeldingen in het raster. De hoofdafbeelding vult alle vier de randen van het viewport en een 3D-chromen logo overlapt het object. Productafbeeldingen in het raster behouden een consistente hoogte-breedteverhouding over de gehele rij. Er zijn geen illustraties of iconen, afgezien van minimale tekstnavigatie. De visuele taal is: fotografeer goed, snijd scherp bij en laat de foto het gezicht van het merk zijn.
Palet
Merk
- Lilac Veil
#b8aad0— Paarse vulling voor achtergrondaccenten, decoratieve strepen en een zacht accent achter de inhoud.
Neutrale
- Ink Black
#000000— Alle hoofdtekst, navigatietekst, linkranden, kaartranden en pictogramranden vormen de structurele lijn van de gehele interface. - Warm Parchment
#f4f1e4— De achtergrond van de pagina's en secties in het redactionele/productgedeelte is een rustige achtergrond waarop productfoto's zijn geplaatst. - Ivory Mist
#fcfaf1— De kleur van de navigatietekst boven het donkere hoofdelement, een subtiele textuur en zachte randen bieden een warmer alternatief voor puur wit voor de gebruikersinterface in het donkere gedeelte.
Typografie
van 12 tot 72px · 5 stappen
- Good Sans — vervanging: Söhne · overzichten 400, 700 · Een universeel lettertype voor navigatie, hoofdtekst, productmetadata, links en alle UI-tekst. Het systeem met twee gewichten (normaal 400 voor hoofdtekst/koppen, vet 700 voor merknamen, prijzen en markeringen) creëert hiërarchie zonder de lettergrootte te vergroten. De bijna nul positieve letterafstand maakt het lettertype meer redactioneel dan geometrisch.
- Redaction — vervanging: GT Sectra Display Bold · overzichten 700 · Alleen voor de hoofdtekst — Dit is een aangepast lettertype voor de grote, chromen tekst "LUNCH" die als basis dient voor de hoofdtekst over het volledige scherm. Het wordt precies één keer per pagina gebruikt; het is een typografische signatuur, geen herbruikbaar onderdeel.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 20-30px |
| Knopradius | 0px |
| Kaartradius | 0px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 60-80px |
| Paginabreedte | 1280px |
AI bouwt je website in de stijl LUNCH en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- MindMarket — Een knus sprookjesboek op crèmekleurig papier - een vriendelijk redactioneel canvas waarop grote Inter-koppen en uitgeknipte papieren figuren naast elkaar bestaan op een zonovergoten, stickerzachte ondergrond.
- Lamborghini — Zwarte carrosserie in de showroom, onder de schijnwerpers - één gele auto
- amp — Warm oranje tegen een koele witte achtergrond. Het ontwerp doet denken aan een hoogwaardig fitnessproduct, gefotografeerd in een zonovergoten loft: één item, één accent, één zelfverzekerd lettertype dat al het werk doet.
- IKEA — een zonovergoten Zweedse meubelshowroom in gedemonteerde vorm
- Microsoft — De catalogus voor de detailhandel gebruikt een kenmerkende blauwe kleur – stel je een vierkant logo voor op een witte showroomvloer, waar elk designelement blauw is.
- Vibrants — Skyborne Apotheek op wit marmer - donkerblauwe inkt is de mortel en het regenboogspectrum is het medicijn.
- Isla Beauty — Een romige apothekersstijl met accenten van chirurgisch rood – denk aan warme perkamenten muren, amberkleurige flessen en een enkele rode stempel op elk etiket.
- Swap — Mint Editorial Gallery: Lichte saliegroene tinten in kamers met heldere limoengroene accenten en subtiele schreefletters.
- Cursor — Een knusse perkamentwerkplaats, verlicht door smeulende kolen.
- Structured — Renaissance-galerij op plasticine-achtig papier
- Apple (España) — De museumgalerie, badend in zacht daglicht, is één grote, fascinerende, gewichtloze witte ruimte, waarbij elk object wordt verlicht door een spotlicht tegen een licht getinte muur.
- Amplemarket — Een zonovergoten werkplek bezaaid met confetti.