LUNCH
platapormang pelus sa mainit na pergamino
Ang LUNCH CONCEPT ay parang isang naka-print na editoryal sa moda na isinalin sa web: isang madilim, buong pahinang pangunahing elemento ng larawan, kung saan ang logo ng brand ay ipinapakita bilang pinalaking 3D na teksto na may mga chrome accent, na sinusundan ng isang kalmado, parang katalogo na gallery ng produkto sa mainit na pergamino. Ang pahina ay nagpapalitan sa pagitan ng sinematikong komprontasyon at tahimik na pagpipigil—umaatake ang pangunahing elemento, bulong ng pangunahing seksyon. Isang nag-iisang, mahinang kulay lavender ang lumilitaw lamang sa linya ng ad, sa estadong "Sold Out", at sa footer, na nagsisilbing pahayag ng brand sa halip na isang sigaw. Isang nag-iisang, signature sans-serif font (Good Sans) ang pangunahing ginagamit sa mga katamtamang laki, at ang pangunahing logo ang tanging sandali ng typographic spectacle. Ang interaksyon ay nangyayari lamang sa pamamagitan ng mga text link: walang mga button na puno, walang gradient, walang pandekorasyon na chrome, maliban sa 3D logo ng pangunahing elemento.
Pinakamataas na lapad ~1280px para sa mga nakasentrong seksyon ng nilalaman; ang pamagat ng pahina ay sumasaklaw sa buong lapad ng pahina mula gilid hanggang gilid. Ritmo ng pahina: madilim na pamagat ng pahina na sumasaklaw sa buong lapad ng pahina (taas ng viewport) → nakasentrong panimulang teksto sa isang madilim na background → 4-5-column na grid ng produkto sa parehong background → lilac veil footer strip. Ang nabigasyon ay matatagpuan bilang isang manipis na strip ng teksto sa itaas ng pamagat ng pahina (maliwanag na teksto sa isang madilim na background) at sa itaas ng panimulang teksto (madilim na teksto sa isang maliwanag na background). Ang grid ng produkto ay may siksik na layout na may panloob na pagkakahanay, walang mga indent sa pagitan ng mga imahe o visual na paghihiwalay. Ang panimulang teksto ay isang makitid, nakasentrong haligi (~600-700px) na may malawak na patayong espasyo (60-80px) sa itaas at ibaba. Pangkalahatang densidad: maluwang sa mga seksyon ng editoryal, naka-compress sa grid ng produkto.
Nangingibabaw sa disenyo ang editorial fashion photography: ang pangunahing larawan ay nagtatampok ng madilim at high-contrast na mga larawan ng mga modelo (malungkot na studio lighting, avant-garde styling—pulang leather corsets, checkered plaids, kapansin-pansing mga pose), habang ang grid ay nagtatampok ng malulutong na kuha ng produkto/lookbook laban sa isang patag at neutral na background (ang mga modelo at produkto ay kinukunan ng litrato laban sa isang mapusyaw na gray/puting background, nang walang konteksto ng pamumuhay). Ang mga larawan ay may malulutong na gilid, zero radius, at mahigpit na nakahanay sa mga katabing larawan sa grid. Ang pangunahing larawan ay sumasakop sa lahat ng apat na gilid ng viewport, at isang 3D chrome logo ang nakapatong sa bagay. Ang mga larawan ng produkto sa grid ay nagpapanatili ng pare-parehong height-to-width ratio sa buong row. Walang mga ilustrasyon o icon, maliban sa kaunting text navigation. Ang visual language ay: kumuha ng maayos, i-crop nang matalas, at hayaang ang larawan ang maging mukha ng brand.
Paleta
Tatak
- Lilac Veil
#b8aad0— Lilang palaman para sa mga highlight sa background, mga pandekorasyon na guhit, at isang banayad na diin sa likod ng nilalaman.
Neutral
- Ink Black
#000000— Ang lahat ng body text, navigation text, link border, card border, at icon border ang bumubuo sa estruktural na linya ng buong interface. - Warm Parchment
#f4f1e4— Ang background ng mga pahina at seksyon sa editoryal/produktong lugar ay isang kalmadong background kung saan nakalagay ang mga litrato ng produkto. - Ivory Mist
#fcfaf1— Ang kulay ng teksto ng nabigasyon sa ibabaw ng madilim na pangunahing elemento, isang banayad na kulay ng tekstura, at mga banayad na hangganan ay nagbibigay ng mas mainit na alternatibo sa purong puti para sa UI sa madilim na seksyon.
Tipograpiya
mula 12 hanggang 72px · 5 hakbang
- Good Sans — kapalit: Söhne · mga balangkas 400, 700 · Isang pangkalahatang tipo ng titik para sa nabigasyon, katawan ng teksto, metadata ng produkto, mga link, at lahat ng teksto ng UI. Ang dual weight system (regular na 400 para sa katawan ng teksto/mga heading, bold na 700 para sa mga pangalan ng tatak, presyo, at mga highlight) ay lumilikha ng hierarchy nang hindi pinapataas ang laki. Ang halos zero na positibong espasyo ng mga letra ay ginagawa itong mas editoryal kaysa heometriko.
- Redaction — kapalit: GT Sectra Display Bold · mga balangkas 700 · Para sa Katawan ng Teksto Lamang—Ito ay isang pasadyang font para sa malaki at chrome na tekstong "LUNCH" na nagsisilbing batayan para sa full-screen na katawan ng teksto. Ginagamit ito nang eksaktong isang beses bawat pahina; ito ay isang typographic signature, hindi isang magagamit muli na bahagi.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | siksik |
| Pangunahing hakbang | 20-30px |
| Radius ng buton | 0px |
| Radius ng card | 0px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 60-80px |
| Lapad ng pahina | 1280px |
Gagawa ang AI ng website mo sa estilong LUNCH at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- MindMarket — Isang maaliwalas na aklat ng mga kuwentong engkanto na nasa kremang papel - isang palakaibigang editoryal na canvas kung saan ang malalaking headline ng Inter at mga ginupit na karakter sa papel ay magkakasamang namamalagi sa isang ibabaw na nasisinagan ng araw at malambot na parang sticker.
- Lamborghini — Itim na kulay ng katawan sa showroom, sa ilalim ng mga spotlight - isang dilaw na kotse
- amp — Mainit na kulay kahel laban sa malamig na puting background. Ang disenyo ay nakapagpapaalaala sa isang premium na produktong pang-fitness na nakuhanan ng litrato sa isang loft na nasisinagan ng araw: isang item, isang accent, isang kumpiyansang font na siyang gagawa ng lahat ng trabaho.
- IKEA — isang showroom ng muwebles na Swedish na nasisinagan ng araw at binawi na ang anyo
- Microsoft — Gumagamit ang retail catalog ng isang natatanging kulay asul—isipin ang isang parisukat na logo sa puting sahig ng showroom, kung saan ang bawat elemento ng disenyo ay kulay asul.
- Vibrants — Skyborne Pharmacy sa puting marmol - maitim na asul na tinta ang mortar at ang bahaghari na spectrum ang gamot
- Isla Beauty — Krema at istilo ng parmasyutiko na may mga aksentong surgical red—tulad ng mainit na parchment sa mga dingding, mga amber na bote, at isang pulang selyo sa bawat etiketa.
- Swap — Mint Editorial Gallery: Mga mapusyaw na kulay ng sage sa mga silid na may matingkad na lime accent at banayad na serif
- Cursor — Isang maginhawang pagawaan ng pergamino, na naliliwanagan ng mga nagbabagang uling
- Structured — Galeriya ng Renaissance sa papel na parang plasticine
- Apple (España) — Ang galeriya ng museo, sa banayad na liwanag ng araw, ay isang nag-iisa, nakakabighani, at magaan na puting espasyo, kung saan ang bawat eksibit ay naliliwanagan ng isang spotlight na nakasandal sa isang dingding na may bahagyang kulay.
- Amplemarket — Isang lugar ng trabaho na nasisinagan ng araw at puno ng confetti