LUNCH
podium beludru ing perkamen anget
KONSEP NEDHA AWAN diwaca kaya editorial mode sing dicithak sing diterjemahake menyang web: elemen foto utama sing peteng lan kebak kaca, ing ngendi logo merek ditampilake minangka teks 3D sing dibesarkan kanthi aksen krom, banjur galeri produk sing tenang lan kaya katalog ing perkamen sing anget. Kaca kasebut ganti-ganti antarane konfrontasi sinematik lan pengekangan sing sepi—elemen utama nyerang, bisik-bisik bagean utama. Werna lavender tunggal sing diredam mung katon ing baris iklan, ing status "Habis Terjual", lan ing footer, dadi pernyataan merek tinimbang seruan. Font sans-serif khas tunggal (Good Sans) digunakake utamane ing ukuran sing sederhana, lan logo utama minangka siji-sijine momen tontonan tipografi. Interaksi mung kedadeyan liwat pranala teks: ora ana tombol sing diisi, ora ana gradien, ora ana krom dekoratif, kajaba logo 3D saka elemen utama.
Ambane maksimal ~1280px kanggo bagean konten sing ana ing tengah; judhul kaca nyakup kabeh ambane kaca saka pinggir nganti pinggir. Irama kaca: judhul kaca peteng nyakup kabeh ambane kaca (dhuwure viewport) → teks pambuka sing ana ing tengah ing latar mburi peteng → kothak produk 4-5 kolom ing latar mburi sing padha → garis footer kerudung ungu. Navigasi dumunung minangka garis teks tipis ing ndhuwur judhul kaca (teks padhang ing latar mburi peteng) lan ing ndhuwur teks pambuka (teks peteng ing latar mburi padhang). Kothak produk nduweni tata letak sing padhet kanthi perataan internal, tanpa indentasi antarane gambar utawa pamisahan visual. Teks pambuka minangka kolom sing sempit lan ana ing tengah (~600-700px) kanthi ruang vertikal sing jembar (60-80px) ing ndhuwur lan ngisor. Kapadhetan sakabèhé: jembar ing bagean editorial, dikompres ing kothak produk.
Fotografi mode editorial ndominasi desain iki: gambar utama nampilake foto model sing peteng lan kontras dhuwur (cahaya studio sing suram, gaya avant-garde—korset kulit abang, kotak-kotak kotak-kotak, pose sing narik kawigaten), dene grid nampilake foto produk/lookbook sing cetha kanthi latar mburi sing rata lan netral (model lan produk difoto kanthi latar mburi abu-abu/putih enom, tanpa konteks gaya urip). Gambar-gambar kasebut nduweni pinggiran sing cetha, radius nol, lan sejajar karo gambar sing jejer ing grid. Gambar utama manggoni kabeh papat pinggiran viewport, lan logo krom 3D tumpang tindih karo obyek kasebut. Gambar produk ing grid njaga rasio dhuwur-jembar sing konsisten ing kabeh baris. Ora ana ilustrasi utawa ikon, kajaba navigasi teks minimal. Basa visual yaiku: motret kanthi apik, potong kanthi cetha, lan supaya foto kasebut dadi pasuryan merek kasebut.
Palet
Merek
- Lilac Veil
#b8aad0— Werna wungu kanggo sorotan latar mburi, garis-garis dekoratif, lan aksen alus ing mburi isine.
Netral
- Ink Black
#000000— Kabeh teks awak, teks navigasi, wates pranala, wates kertu, lan wates ikon mbentuk garis struktural saka kabeh antarmuka. - Warm Parchment
#f4f1e4— Latar mburi kaca lan bagean ing area editorial/produk minangka latar mburi sing tenang kanggo diselehake foto produk. - Ivory Mist
#fcfaf1— Werna teks navigasi ing ndhuwur elemen utama peteng, warna tekstur sing alus, lan wates sing alus nyedhiyakake alternatif sing luwih anget tinimbang putih murni kanggo UI ing bagean peteng.
Tipografi
saka 12 nganti 72px · 5 langkah
- Good Sans — panggantos: Söhne · garis besar 400, 700 · Jenis huruf universal kanggo navigasi, teks awak, metadata produk, pranala, lan kabeh teks UI. Sistem bobot ganda (biasa 400 kanggo teks awak/judhul, kandel 700 kanggo jeneng merek, rega, lan sorotan) nggawe hierarki tanpa nambah ukuran. Jarak huruf positif sing meh nol ndadekake luwih editorial tinimbang geometris.
- Redaction — panggantos: GT Sectra Display Bold · garis besar 700 · Kanggo Isi Teks Waé—Iki minangka font khusus kanggo teks krom gedhe "LUNCH" sing dadi dhasar kanggo teks isi layar wutuh. Iki digunakake persis sapisan saben kaca; iki minangka tandha tipografi, dudu komponen sing bisa digunakake maneh.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | padhet |
| Langkah dhasar | 20-30px |
| Radius tombol | 0px |
| Radius kertu | 0px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 60-80px |
| Ambane kaca | 1280px |
AI bakal mbangun situs web sampeyan nganggo gaya LUNCH lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- MindMarket — Buku dongeng sing nyaman ing kertas krem - kanvas editorial sing ramah ing ngendi judhul Inter gedhe lan karakter kertas potongan ana bebarengan ing permukaan sing alus kaya stiker sing kebak srengenge.
- Lamborghini — Werna bodi ireng ing showroom, ing sangisore lampu sorot - siji mobil kuning
- amp — Werna oranye anget kanthi latar mburi putih adhem. Desaine ngelingake produk fitness premium sing difoto ing loteng sing kebak srengenge: siji barang, siji aksen, siji font sing percaya diri sing nindakake kabeh pakaryan.
- IKEA — showroom mebel Swedia sing kebak srengenge ing wangun sing wis dibongkar
- Microsoft — Katalog ritel nggunakake warna biru khas—bayangna logo kothak ing lantai showroom putih, ing ngendi saben unsur desain diwarnai biru.
- Vibrants — Apotek Skyborne ing marmer putih - tinta biru peteng minangka lumpang lan spektrum pelangi minangka obat
- Isla Beauty — Gaya apotek sing lembut kanthi aksen abang bedhah—kayata tembok perkamen sing anget, botol kuning, lan siji cap abang ing saben label.
- Swap — Galeri Editorial Mint: Werna sage entheng ing kamar kanthi aksen jeruk nipis sing padhang lan serif sing alus
- Cursor — Bengkel perkamen sing nyaman, dipadhangi areng sing murub
- Structured — Galeri Renaisans ing kertas kaya plastisin
- Apple (España) — Galeri museum, ing wayah awan sing alus, minangka papan putih tunggal sing narik kawigaten lan entheng, kanthi saben pameran dipadhangi lampu sorot ing tembok sing diwarnai entheng.
- Amplemarket — Panggonan kerja sing kebak srengenge kebak konfeti