Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpangembangNgembangake piranti AI kanggo bisnis. Kualitas dhuwur. Regane terjangkau.Nulis ing Telegram
Le Puzz — pratinjau situs nganggo gaya iki

Le Puzz

Sunny Sunday Circular kuwi tabloid sing kebak misteri.

Le Puzz kuwi sistem e-commerce maksimalis kanggo toko butik, dibangun nganggo pondasi rong warna: kuning sing sugih kaya sarang madu dipasangake karo ireng murni, dipasangake karo latar mburi abu-abu mutiara sing keren. Gayane minangka campuran antarane koran vintage lan teka-teki gambar: salinan awak nganggo Times serif, dene judhule nganggo font khusus, Times Now, sing sengaja nglanggar konvensi e-commerce tradisional sing gumantung karo font sans-serif. Antarmuka dhewe digawe prasaja lan adhedhasar kothak, saengga dampak visual bisa diwedharake dening kemasan produk (komposisi sing padhet lan diilustrasikan sing kebak dolanan). Kontrol antarmuka cukup kuat: tombol kanthi wates ireng ing latar mburi kuning, ikon berbentuk pil, kertu kanthi radius 12px, lan jarak huruf sing akeh kanggo huruf kapital cilik, sing menehi sentuhan editorial sanajan tombol "Cepet Tambah".

Kisi-kisi e-commerce klasik kanthi desain editorial sing khas. Header-e awujud strip sarang madu kuning kanthi pinggiran ireng 1-amba, ngemot logo tengah lan deretan tombol navigasi tambahan. Ing ngisor, ing ndhuwur kisi telung kolom produk kanthi latar mburi abu-abu, ana header sambutan tengah ing font Times Now. Unsur utama yaiku blok foto tengah kanthi pojok bunder (40), diapit dening rong kertu produk. Irama bagean-bagean kasebut dijaga: papan vertikal sing jembar (30), permukaan kuning lan abu-abu sing silih ganti, lan jembar maksimal kira-kira 4,5 cm, tengah ing kaca. Kertu produk ukurane padha lan disusun ing kisi telung kolom sing rapi kanthi celah 5 cm. Tata letak simetris lan diikat menyang kisi—ora ana komposisi asimetris utawa unsur sing tumpang tindih.

Unsur visualé yaiku fotografi produk. Kothak-kothak teka-teki difoto kanthi lengkap nganggo latar mburi putih/netral, banjur diselehake nganggo latar mburi studio biru utawa alami sing anget. Gambar utama nampilake wong sing nyekel sawetara kothak teka-teki—objek gaya urip, dijupuk kanthi energi sing tanpa gaweyan. Kemasane dhewe sugih, ilustrasi, lan maksimalis: akeh dolanan, produk panganan, lan karakter kanthi warna utama sing padhang kanthi garis ireng sing kandel, dirancang supaya katon kaya ilustrasi buku bocah sing kasebar ing teka-teki 500 potongan. Ora ana grafis abstrak, ora ana render 3D, ora ana ikonografi kajaba kaca pembesar siji—teka-teki kasebut dhewe minangka basa visual.

Palet

Merek

  • Honeycomb Yellow #ffd931 — Werna merek utama, bilah judhul, tombol aksi utama, status navigasi aktif, werna garis bawah pranala, isian aksen—cathetan werna tunggal sing dadi pusat perhatian kabeh liyane.

Netral

  • Carbon Black #000000 — Teks utama, wates kandel, garis tombol, garis ikon, teks navigasi minangka basis struktural saka kabeh sistem.
  • Ink Black #231f20 — Teks sekunder, teks utama, wates tombol, wates kolom input - warna sing rada anget, meh ireng supaya luwih alus.
  • Pearl Gray #c8cbcd — Kanvas kaca, latar mburi kertu produk, panggung sing narik kawigaten ing ngendi warna kuning lan ireng katon.
  • Fog Gray #a6a8aa — Permukaan lencana sing alus, latar mburi chip sekunder, lan isian antarmuka panganggo sing alus.
  • Smoke Line #d6d6d6 — Pembagi ramping, pembagi meja/kertu sing ora katon.

Tipografi

saka 11 nganti 47px · 6 langkah

  • Times Now — panggantos: Playfair Display · garis besar 100, 400 · Font serif kanggo judhul lan subjudul—digunakake kanggo judhul utama, jeneng produk, lan judhul bagean. Font 100 poin sing entheng banget kanthi pitch 47 piksel nggawe kesan editorial sing dhuwur lan meh ringkes; bentuk huruf sing ringkes (dhuwur baris 0,87–0,90) ngidini judhul gedhe diselehake cedhak karo teks sing diiringi, niru poster sing dicithak.
  • Times — panggantos: Times New Roman · garis besar 400 · Teks awak serif minangka pilihan sing ora dikarepke kanggo toko online, menehi kabeh situs rasa sastra kaya katalog. Jarak baris sing cilik (1.15) ndadekake paragraf ringkes lan gampang diwaca.
  • Helvetica Neue — panggantos: Helvetica · garis besar 100, 400 · Teks cilik ing antarmuka panganggo, teks ing tombol, lan mikroteks disetel nganggo font 11px kanthi jarak huruf sing gedhe (0.0730em), sing nggawe rasa nulis nganggo huruf kapital sanajan ing suhu awak sing nyaman.

Interval lan wujud

TujuanTegese
Kapadhetanpadhet
Langkah dhasar15px
Radius tombol12px
Radius kertu12px
Bayanganora ana wates tinimbang bayangan
Antarane bagean30-40px
Ambane kaca1200px

AI bakal mbangun situs web sampeyan nganggo gaya Le Puzz 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

  • Agence Foudre — Sampul majalah kasebut wernane jambon alus sing ngelingake lipstik.
  • INVERSA — Terminal lapangan topografi ing tengah wengi. Panel komando peteng, ing ngendi font editorial sing gedhe banget lan lapisan siji tandha neon-ijo ditumpangake ing gambar satelit Bumi, saben label monokrom, kaya-kaya maca koordinat misi.
  • Acne Studios — Ruang galeri minimalis sing kebak foto-foto sing cerah—majalah mode sing ditata ing ndhuwur marmer
  • GTE — Terminal dagang ing mburi lampu galeri
  • Diabla — Plataran Mediterania ing wayah awan – tembok jambon sing wis luntur amarga srengenge, tenda kanvas abang padhang, lan judhul editorial serif sing mbentang ing langit.
  • Subset — Butik editorial digawe saka linen mentah
  • Cursor — Bengkel perkamen sing nyaman, dipadhangi areng sing murub
  • 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
  • Amplemarket — Panggonan kerja sing kebak srengenge kebak konfeti
  • Getharvest — Meja ing jam emas – kanvas krem anget, kartu pos putih digantung ing kanvas, lan geni oranye padhang siji
  • Drive Capital — Poster perjalanan darat retro ing kertas anget