LUNCH
podium baldu di atas kertas perkamen yang hangat
KONSEP MAKAN TENGAHARI berbunyi seperti editorial fesyen bercetak yang diterjemahkan ke web: elemen foto utama yang gelap dan penuh halaman, di mana logo jenama dibentangkan sebagai teks 3D yang diperbesarkan dengan aksen krom, diikuti oleh galeri produk yang tenang seperti katalog di atas kertas kulit yang hangat. Halaman tersebut berselang-seli antara konfrontasi sinematik dan pengekangan yang senyap—elemen utama menyerang, bisikan bahagian utama. Satu warna lavender yang disenyapkan hanya muncul dalam baris iklan, dalam keadaan "Habis Dijual", dan di pengaki, berfungsi sebagai pernyataan jenama dan bukannya seruan. Satu fon sans-serif khas (Good Sans) digunakan terutamanya pada saiz sederhana, dan logo utama adalah satu-satunya momen tontonan tipografi. Interaksi berlaku semata-mata melalui pautan teks: tiada butang yang diisi, tiada kecerunan, tiada krom hiasan, kecuali logo 3D elemen utama.
Lebar maksimum ~1280px untuk bahagian kandungan berpusat; tajuk halaman merangkumi keseluruhan lebar halaman dari tepi ke tepi. Ritma halaman: tajuk halaman gelap merangkumi keseluruhan lebar halaman (ketinggian viewport) → teks pengenalan berpusat pada latar belakang gelap → grid produk 4-5 lajur pada latar belakang yang sama → jalur pengaki tudung ungu. Navigasi terletak sebagai jalur teks nipis di atas tajuk halaman (teks cerah pada latar belakang gelap) dan di atas teks pengenalan (teks gelap pada latar belakang cerah). Grid produk mempunyai susun atur yang padat dengan penjajaran dalaman, tanpa lekukan antara imej atau pemisahan visual. Teks pengenalan ialah lajur sempit berpusat (~600-700px) dengan ruang menegak yang luas (60-80px) di atas dan di bawah. Ketumpatan keseluruhan: luas dalam bahagian editorial, dimampatkan dalam grid produk.
Fotografi fesyen editorial mendominasi reka bentuk: imej utama menampilkan foto model yang gelap dan kontras tinggi (pencahayaan studio yang suram, penggayaan avant-garde—korset kulit merah, kotak-kotak kotak-kotak, pose yang menarik), manakala grid menampilkan gambar produk/lookbook yang jelas dengan latar belakang yang rata dan neutral (model dan produk difoto dengan latar belakang kelabu/putih terang, tanpa konteks gaya hidup). Imej mempunyai tepi yang jelas, jejari sifar dan sejajar rapat dengan imej bersebelahan dalam grid. Imej utama menduduki keempat-empat tepi viewport dan logo krom 3D bertindih dengan objek. Imej produk dalam grid mengekalkan nisbah tinggi-ke-lebar yang konsisten merentasi keseluruhan baris. Tiada ilustrasi atau ikon, selain navigasi teks yang minimum. Bahasa visualnya ialah: rakam dengan baik, pangkas dengan tajam dan biarkan foto menjadi wajah jenama.
Palet
Jenama
- Lilac Veil
#b8aad0— Isian ungu untuk sorotan latar belakang, jalur hiasan dan aksen lembut di sebalik kandungan.
Neutral
- Ink Black
#000000— Semua teks isi, teks navigasi, sempadan pautan, sempadan kad dan sempadan ikon membentuk garis struktur keseluruhan antara muka. - Warm Parchment
#f4f1e4— Latar belakang halaman dan bahagian dalam ruang editorial/produk adalah latar belakang yang tenang di mana gambar produk diletakkan. - Ivory Mist
#fcfaf1— Warna teks navigasi di atas elemen utama yang gelap, warna tekstur yang halus dan sempadan yang halus memberikan alternatif yang lebih hangat kepada putih tulen untuk UI di bahagian gelap.
Tipografi
dari 12 hingga 72px · 5 langkah
- Good Sans — penggantian: Söhne · garis besar 400, 700 · Jenis huruf universal untuk navigasi, teks isi, metadata produk, pautan dan semua teks UI. Sistem pemberat ganda (biasa 400 untuk teks isi/tajuk, tebal 700 untuk nama jenama, harga dan sorotan) mewujudkan hierarki tanpa meningkatkan saiz. Jarak huruf positif hampir sifar menjadikannya lebih editorial daripada geometri.
- Redaction — penggantian: GT Sectra Display Bold · garis besar 700 · Untuk Teks Isi Sahaja—Ini ialah fon tersuai untuk teks krom besar "LUNCH" yang berfungsi sebagai asas untuk teks isi skrin penuh. Ia digunakan tepat sekali setiap halaman; ia merupakan tandatangan tipografi, bukan komponen yang boleh diguna semula.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 20-30px |
| Jejari butang | 0px |
| Jejari kad | 0px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 60-80px |
| Lebar halaman | 1280px |
AI akan membina laman web anda dalam gaya LUNCH dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- MindMarket — Sebuah buku kisah dongeng yang selesa di atas kertas krim - kanvas editorial yang mesra di mana tajuk utama Inter yang besar dan watak-watak kertas potongan wujud bersama di atas permukaan yang lembut seperti pelekat yang disinari matahari.
- Lamborghini — Warna badan hitam di bilik pameran, di bawah lampu sorot - satu kereta kuning
- amp — Warna oren hangat dengan latar belakang putih yang sejuk. Reka bentuknya mengingatkan pada produk kecergasan premium yang difoto di loteng yang disinari matahari: satu item, satu aksen, satu fon yakin yang melakukan semua kerja.
- IKEA — bilik pameran perabot Sweden yang disinari matahari dalam bentuk yang telah dibongkar
- Microsoft — Katalog runcit menggunakan warna biru istimewa—bayangkan logo segi empat sama di lantai bilik pameran putih, di mana setiap elemen reka bentuk berwarna biru.
- Vibrants — Farmasi Skyborne pada marmar putih - dakwat biru tua adalah mortar dan spektrum pelangi adalah ubatnya
- Isla Beauty — Gaya apoteker berkrim dengan aksen merah pembedahan—dinding kertas kulit yang hangat, botol ambar dan setem merah tunggal pada setiap label.
- Swap — Galeri Editorial Pudina: Warna sage muda di dalam bilik dengan aksen limau nipis terang dan serif halus
- Cursor — Bengkel perkamen yang selesa, diterangi oleh bara yang membara
- Structured — Galeri Renaissance di atas kertas seperti plastisin
- Apple (España) — Galeri muzium, dalam cahaya siang yang lembut, merupakan ruang putih tunggal yang menawan dan ringan, dengan setiap pameran diterangi oleh lampu sorot pada dinding yang berwarna sedikit.
- Amplemarket — Tempat kerja yang disinari matahari berselerak dengan konfeti