Le Puzz
Sunny Sunday Circular ialah sebuah tabloid yang penuh dengan misteri.
Le Puzz ialah sistem e-dagang maksimalis untuk kedai butik, dibina di atas asas dua ton: kuning pekat seperti sarang lebah yang dipadankan dengan hitam tulen, berlatar belakangkan kelabu mutiara yang menarik. Gayanya merupakan gabungan antara surat khabar vintaj dan teka-teki jigsaw: isi kandungannya dalam serif Times, manakala tajuk utamanya dalam fon tersuai, Times Now, yang sengaja melanggar konvensyen e-dagang tradisional yang bergantung pada fon sans-serif. Antara muka itu sendiri dikekalkan ringkas dan berasaskan grid, membolehkan impak visual disampaikan oleh pembungkusan produk (komposisi padat dan berilustrasi yang dipenuhi dengan mainan). Kawalan antara muka agak mantap: butang dengan sempadan hitam pada latar belakang kuning, ikon berbentuk pil, kad dengan jejari 12px dan jarak huruf yang luas untuk huruf besar kecil, yang memberikan sentuhan editorial walaupun butang "TAMBAH CEPAT".
Grid e-dagang klasik dengan reka bentuk editorial yang tersendiri. Pengepalanya ialah jalur sarang lebah kuning dengan sempadan hitam 1 lebar, menempatkan logo berpusat dan deretan butang navigasi tambahan. Di bawah, di atas grid tiga lajur produk pada latar belakang kelabu, ialah pengepala alu-aluan berpusat dalam fon Times Now. Elemen utama ialah blok foto berpusat dengan sudut bulat (40), diapit oleh dua kad produk. Rentak bahagian dikekalkan: ruang menegak yang luas (30), permukaan kuning dan kelabu berselang-seli, dan lebar maksimum kira-kira 4.5 cm, berpusat pada halaman. Kad produk adalah sama saiz dan disusun dalam grid tiga lajur yang kemas dengan jurang 5 cm. Susun aturnya simetri dan terikat pada grid—tiada komposisi asimetri atau elemen bertindih.
Elemen visualnya ialah fotografi produk. Kotak teka-teki difoto sepenuhnya dengan latar belakang putih/neutral, kemudian diletakkan dengan latar belakang studio biru atau semula jadi yang hangat. Imej utama memaparkan seseorang yang memegang beberapa kotak teka-teki—objek gaya hidup, yang dirakam dengan tenaga yang mudah. Pembungkusannya sendiri kaya, ilustrasi dan maksimalis: pelbagai mainan, produk makanan dan watak dalam warna primer yang terang dengan garisan hitam tebal, direka bentuk agar kelihatan seperti ilustrasi buku kanak-kanak yang tersebar di seluruh teka-teki 500 keping. Tiada grafik abstrak, tiada render 3D, tiada ikonografi selain daripada satu kaca pembesar—teka-teki itu sendiri adalah bahasa visual.
Palet
Jenama
- Honeycomb Yellow
#ffd931— Warna jenama utama, bar tajuk, butang tindakan utama, keadaan aktif navigasi, warna garis bawah pautan, isian aksen—nota warna tunggal yang menjadi tumpuan segala-galanya.
Neutral
- Carbon Black
#000000— Teks utama, sempadan tebal, garisan butang, garisan ikon, teks navigasi merupakan asas struktur keseluruhan sistem. - Ink Black
#231f20— Teks sekunder, teks utama, sempadan butang, sempadan medan input - warna yang sedikit lebih hangat, hampir hitam untuk rasa yang lebih lembut. - Pearl Gray
#c8cbcd— Kanvas halaman, latar belakang kad produk, pentas yang menarik di mana warna kuning dan hitam muncul. - Fog Gray
#a6a8aa— Permukaan lencana yang lembut, latar belakang cip sekunder dan pengisian antara muka pengguna yang halus. - Smoke Line
#d6d6d6— Pembahagi nipis, pembahagi meja/kad yang tidak ketara.
Tipografi
dari 11 hingga 47px · 6 langkah
- Times Now — penggantian: Playfair Display · garis besar 100, 400 · Fon serif untuk tajuk utama dan subtajuk—digunakan untuk tajuk utama, nama produk dan tajuk bahagian. Fon 100 poin ultra ringan dengan pic 47 piksel menghasilkan nuansa editorial yang tinggi dan hampir padat; bentuk huruf yang padat (ketinggian baris 0.87–0.90) membolehkan tajuk utama yang besar diletakkan berdekatan dengan teks yang disertakan, meniru poster yang dicetak.
- Times — penggantian: Times New Roman · garis besar 400 · Teks badan serif merupakan pilihan yang tidak dijangka untuk kedai dalam talian, memberikan keseluruhan laman web rasa seperti katalog yang sastera. Jarak baris yang kecil (1.15) menjadikan perenggan padat dan mudah dibaca.
- Helvetica Neue — penggantian: Helvetica · garis besar 100, 400 · Teks kecil dalam antara muka pengguna, teks pada butang dan mikroteks ditetapkan dalam fon 11px dengan jarak huruf yang besar (0.0730em), yang mewujudkan rasa menulis dalam huruf besar walaupun pada suhu badan yang selesa.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 15px |
| Jejari butang | 12px |
| Jejari kad | 12px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 30-40px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Le Puzz 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
- Agence Foudre — Muka depan majalah itu berwarna merah jambu lembut yang mengingatkan pada gincu.
- INVERSA — Terminal medan topografi pada tengah malam. Panel arahan gelap, di mana fon editorial yang besar dan satu lapisan penanda hijau neon ditumpangkan pada imej satelit Bumi, setiap label monokrom, seolah-olah membaca koordinat misi.
- Acne Studios — Ruang galeri minimalis yang dipenuhi dengan gambar-gambar yang bertenaga—sebuah majalah fesyen yang diletakkan di atas marmar
- GTE — Terminal perdagangan di belakang lampu galeri
- Diabla — Sebuah halaman Mediterranean pada waktu tengah hari – dinding merah jambu yang pudar akibat cahaya matahari, satu awning kanvas merah terang, dan tajuk utama editorial berserif terbentang di langit.
- Subset — Butik editorial yang diperbuat daripada linen mentah
- Cursor — Bengkel perkamen yang selesa, diterangi oleh bara yang membara
- 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
- Amplemarket — Tempat kerja yang disinari matahari berselerak dengan konfeti
- Getharvest — Sebuah meja pada waktu keemasan – kanvas krim hangat, poskad putih digantung pada kanvas, dan satu nyalaan api oren terang
- Drive Capital — Poster perjalanan jalan raya retro di atas kertas suam