Le Puzz
Sunny Sunday Circular adalah tabloid yang penuh dengan misteri.
Le Puzz adalah sistem e-commerce maksimalis untuk toko butik, dibangun di atas fondasi dua warna: kuning kaya seperti sarang lebah dipadukan dengan hitam pekat, dengan latar belakang abu-abu mutiara yang sejuk. Gayanya merupakan perpaduan antara koran vintage dan teka-teki jigsaw: teks utama menggunakan font serif Times, sedangkan judul menggunakan font khusus, Times Now, yang sengaja mematahkan konvensi e-commerce tradisional yang mengandalkan font sans-serif. Antarmuka itu sendiri dibuat sederhana dan berbasis grid, memungkinkan dampak visual disampaikan melalui kemasan produk (komposisi ilustrasi padat yang dipenuhi mainan). Kontrol antarmuka cukup kuat: tombol dengan batas hitam pada latar belakang kuning, ikon berbentuk pil, kartu dengan radius 12px, dan spasi huruf yang cukup lebar untuk huruf kapital kecil, yang bahkan memberikan sentuhan editorial pada tombol "TAMBAH CEPAT".
Sebuah grid e-commerce klasik dengan desain editorial yang khas. Header berupa strip sarang lebah berwarna kuning dengan border hitam selebar 1, yang memuat logo di tengah dan baris tambahan tombol navigasi. Di bawahnya, di atas grid tiga kolom produk dengan latar belakang abu-abu, terdapat header selamat datang di tengah dengan font Times Now. Elemen utama adalah blok foto di tengah dengan sudut membulat (40), diapit oleh dua kartu produk. Ritme bagian-bagiannya dipertahankan: ruang vertikal yang luas (30), permukaan kuning dan abu-abu yang berselang-seling, dan lebar maksimum sekitar 4,5 cm, di tengah halaman. Kartu produk berukuran sama dan disusun dalam grid tiga kolom yang rapi dengan jarak 5 cm. Tata letaknya simetris dan terikat pada grid—tidak ada komposisi asimetris atau elemen yang tumpang tindih.
Elemen visualnya adalah fotografi produk. Kotak-kotak puzzle difoto secara penuh dengan latar belakang putih/netral, kemudian ditempatkan di depan latar belakang studio berwarna biru hangat atau natural. Gambar utama menampilkan seseorang yang memegang beberapa kotak puzzle—sebuah objek gaya hidup, yang ditangkap dengan energi yang santai. Kemasannya sendiri kaya, ilustratif, dan maksimalis: banyak mainan, produk makanan, dan karakter dalam warna-warna primer cerah dengan garis luar hitam tebal, dirancang agar terlihat seperti ilustrasi buku anak-anak yang tersebar di puzzle 500 keping. Tidak ada grafik abstrak, tidak ada render 3D, tidak ada ikonografi selain kaca pembesar tunggal—puzzle itu sendiri adalah bahasa visualnya.
Palet
Merek
- Honeycomb Yellow
#ffd931— Warna utama merek, bilah judul, tombol aksi utama, status aktif navigasi, warna garis bawah tautan, warna aksen—satu warna dasar yang menjadi pusat dari segala sesuatu yang lain.
Netral
- Carbon Black
#000000— Teks utama, garis tepi tebal, garis luar tombol, garis luar ikon, dan teks navigasi merupakan dasar struktural dari keseluruhan sistem. - Ink Black
#231f20— Teks sekunder, teks utama, batas tombol, batas kolom input - warna yang sedikit lebih hangat, hampir hitam, untuk kesan yang lebih lembut. - Pearl Gray
#c8cbcd— Kanvas halaman, latar belakang kartu produk, panggung yang mencolok di mana warna kuning dan hitam muncul. - Fog Gray
#a6a8aa— Permukaan lencana yang redup, latar belakang chip sekunder, dan isian antarmuka pengguna yang halus. - Smoke Line
#d6d6d6— Pembatas tipis, pembatas meja/kartu yang tidak mencolok.
Tipografi
dari 11 hingga 47px · 6 langkah
- Times Now — penggantian: Playfair Display · garis besar 100, 400 · Font serif untuk judul dan subjudul—digunakan untuk judul utama, nama produk, dan judul bagian. Font ultra-ringan 100 poin dengan jarak antar huruf 47 piksel menciptakan kesan editorial yang tinggi dan hampir padat; bentuk huruf yang padat (tinggi baris 0,87–0,90) memungkinkan judul besar ditempatkan dekat dengan teks yang menyertainya, meniru poster cetak.
- Times — penggantian: Times New Roman · garis besar 400 · Penggunaan huruf serif pada teks utama merupakan pilihan yang tak terduga untuk toko online, memberikan kesan sastra dan seperti katalog pada seluruh situs. Jarak antar baris yang kecil (1,15) membuat paragraf menjadi padat dan mudah dibaca.
- Helvetica Neue — penggantian: Helvetica · garis besar 100, 400 · Teks kecil pada antarmuka pengguna, teks pada tombol, dan teks mikro menggunakan ukuran font 11px dengan spasi antar huruf yang besar (0,0730em), yang menciptakan kesan menulis dengan huruf kapital bahkan pada suhu tubuh yang nyaman.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 15px |
| Radius tombol | 12px |
| Radius kartu | 12px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 30-40px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Le Puzz 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
- Agence Foudre — Sampul majalah tersebut berwarna merah muda lembut yang mengingatkan pada lipstik.
- INVERSA — Terminal lapangan topografi di tengah malam. Panel komando yang gelap, di mana font editorial yang besar dan lapisan tunggal penanda hijau neon ditumpangkan pada citra satelit Bumi, setiap label monokrom, seolah-olah membaca koordinat misi.
- Acne Studios — Ruang galeri minimalis yang dipenuhi foto-foto penuh warna—sebuah majalah mode yang terbentang di atas marmer.
- GTE — Terminal perdagangan di belakang penerangan galeri
- Diabla — Sebuah halaman bergaya Mediterania di siang hari – dinding berwarna merah muda yang memudar karena sinar matahari, satu tenda kanvas merah terang, dan judul editorial dengan huruf serif yang membentang di langit.
- Subset — Butik editorial yang terbuat dari linen mentah
- Cursor — Sebuah bengkel perkamen yang nyaman, diterangi oleh bara api yang menyala-nyala.
- 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
- Amplemarket — Tempat kerja yang bermandikan sinar matahari dan ditaburi konfeti.
- Getharvest — Sebuah meja kerja saat senja – kanvas berwarna krem hangat, kartu pos putih digantung di kanvas, dan nyala api oranye terang.
- Drive Capital — Poster perjalanan darat retro di atas kertas hangat.