LUNCH
podium beludru di atas perkamen hangat
LUNCH CONCEPT tampak seperti editorial mode cetak yang diterjemahkan ke web: elemen foto utama halaman penuh berwarna gelap, di mana logo merek disajikan sebagai teks 3D yang diperbesar dengan aksen krom, diikuti oleh galeri produk yang tenang dan mirip katalog di atas kertas berwarna hangat. Halaman tersebut bergantian antara konfrontasi sinematik dan pengekangan yang tenang—elemen utama menyerang, bagian utama berbisik. Warna lavender tunggal yang lembut hanya muncul di baris iklan, dalam status "Sold Out", dan di bagian bawah halaman, berfungsi sebagai pernyataan merek daripada teriakan. Font sans-serif khas tunggal (Good Sans) digunakan terutama dalam ukuran sedang, dan logo utama adalah satu-satunya momen pertunjukan tipografi. Interaksi hanya terjadi melalui tautan teks: tidak ada tombol yang diisi, tidak ada gradien, tidak ada krom dekoratif, kecuali logo 3D dari elemen utama.
Lebar maksimum ~1280px untuk bagian konten yang terpusat; judul halaman membentang di seluruh lebar halaman dari tepi ke tepi. Ritme halaman: judul halaman gelap membentang di seluruh lebar halaman (tinggi viewport) → teks pengantar terpusat pada latar belakang gelap → grid produk 4-5 kolom pada latar belakang yang sama → strip footer berwarna ungu muda. Navigasi terletak sebagai strip teks tipis di atas judul halaman (teks terang pada latar belakang gelap) dan di atas teks pengantar (teks gelap pada latar belakang terang). Grid produk memiliki tata letak padat dengan perataan internal, tanpa indentasi di antara gambar atau pemisahan visual. Teks pengantar adalah kolom sempit yang terpusat (~600-700px) dengan ruang vertikal yang cukup (60-80px) di atas dan di bawahnya. Kepadatan keseluruhan: luas di bagian editorial, padat di grid produk.
Fotografi mode editorial mendominasi desain: gambar utama menampilkan foto model yang gelap dan kontras tinggi (pencahayaan studio yang suram, gaya avant-garde—korset kulit merah, motif kotak-kotak, pose yang mencolok), sementara grid menampilkan foto produk/lookbook yang tajam dengan latar belakang netral yang rata (model dan produk difoto dengan latar belakang abu-abu muda/putih, tanpa konteks gaya hidup). Gambar memiliki tepi yang tajam, radius nol, dan sejajar dengan gambar yang berdekatan dalam grid. Gambar utama menempati keempat tepi viewport, dan logo krom 3D tumpang tindih dengan objek tersebut. Gambar produk dalam grid mempertahankan rasio tinggi-lebar yang konsisten di seluruh baris. Tidak ada ilustrasi atau ikon, selain navigasi teks minimal. Bahasa visualnya adalah: ambil gambar dengan baik, potong dengan tajam, dan biarkan foto menjadi wajah merek.
Palet
Merek
- Lilac Veil
#b8aad0— Warna ungu digunakan untuk menyoroti latar belakang, memberikan garis-garis dekoratif, dan aksen lembut di belakang konten.
Netral
- Ink Black
#000000— Semua teks isi, teks navigasi, batas tautan, batas kartu, dan batas ikon membentuk garis struktural dari keseluruhan antarmuka. - Warm Parchment
#f4f1e4— Latar belakang halaman dan bagian di area editorial/produk adalah latar belakang yang tenang tempat foto-foto produk ditempatkan. - Ivory Mist
#fcfaf1— Warna teks navigasi di atas elemen utama yang gelap, sedikit sentuhan tekstur, dan garis tepi yang halus memberikan alternatif yang lebih hangat daripada warna putih murni untuk UI di bagian yang 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, tautan, dan semua teks UI. Sistem bobot ganda (reguler 400 untuk teks isi/judul, tebal 700 untuk nama merek, harga, dan sorotan) menciptakan hierarki tanpa memperbesar ukuran. Jarak antar huruf yang mendekati nol membuatnya lebih bergaya editorial daripada geometris.
- Redaction — penggantian: GT Sectra Display Bold · garis besar 700 · Hanya untuk Teks Isi—Ini adalah font kustom untuk teks besar dan berwarna krom "LUNCH" yang berfungsi sebagai dasar untuk teks isi layar penuh. Font ini digunakan tepat satu kali per halaman; ini adalah tanda tangan tipografi, bukan komponen yang dapat digunakan kembali.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 20-30px |
| Radius tombol | 0px |
| Radius kartu | 0px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 60-80px |
| Lebar halaman | 1280px |
AI akan membangun situs web Anda dengan gaya LUNCH dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- MindMarket — Sebuah buku dongeng yang nyaman di atas kertas krem - kanvas editorial yang ramah di mana judul Inter yang besar dan karakter kertas yang dipotong berdampingan di permukaan yang lembut seperti stiker dan bermandikan sinar matahari.
- Lamborghini — Warna bodi hitam di ruang pamer, di bawah sorotan lampu - satu mobil kuning
- amp — Warna oranye hangat berpadu dengan latar belakang putih yang sejuk. Desainnya mengingatkan pada produk kebugaran premium yang difoto di loteng yang bermandikan sinar matahari: satu item, satu aksen, satu font yang percaya diri yang melakukan semua pekerjaan.
- IKEA — sebuah ruang pamer furnitur Swedia yang bermandikan sinar matahari dalam bentuk yang dibongkar
- Microsoft — Katalog ritel ini menggunakan warna biru khas—bayangkan logo persegi di lantai ruang pamer berwarna putih, di mana setiap elemen desainnya berwarna biru.
- Vibrants — Apotek Skyborne di atas marmer putih - tinta biru tua adalah lesung dan spektrum pelangi adalah obatnya.
- Isla Beauty — Nuansa apotek yang lembut dengan aksen merah bedah—bayangkan dinding kertas perkamen yang hangat, botol berwarna kuning keemasan, dan satu stempel merah pada setiap label.
- Swap — Galeri Editorial Mint: Nuansa hijau sage muda di ruangan dengan aksen hijau limau cerah dan serif yang halus.
- Cursor — Sebuah bengkel perkamen yang nyaman, diterangi oleh bara api yang menyala-nyala.
- Structured — Galeri Renaissance di atas kertas mirip plastisin
- Apple (España) — Galeri museum, dalam cahaya siang yang lembut, merupakan ruang putih tunggal yang memikat dan terasa ringan, dengan setiap pameran diterangi oleh lampu sorot pada dinding yang sedikit berwarna.
- Amplemarket — Tempat kerja yang bermandikan sinar matahari dan ditaburi konfeti.