Shop
Rasi lintang dagang sing ngambang ing marmer putih
Toko online iki ngoperasikake model "kanvas putih", kanthi produk sing ditampilake minangka kertu gambar gedhe sing mlengkung banget tinimbang kothak thumbnail. Antarmuka kabeh alus banget: radius 20-28px ing sadawane, kontrol awujud pil, lan awak GT Standard 16px sing kompak kanthi pelacakan negatif sing rapet sing ndadekake teks cetha lan kandel. Aksen kandel sistem mung ungu sing cerah (#5433eb), sing katon ing logo, kolom asil telusuran bunder, lan minangka bayangan sing diwarnai ing tombol sing padha. Palet liyane netral anget: permukaan putih, kanvas abu-abu adhem sing alus, wates sing alus, lan teks meh ireng. Kapadhetan tetep kompak kanthi talang 12px, nanging garis pahlawan lan kategori ambegan amarga irama vertikal sing akeh 64-80px, nggawe pengalaman dagang luwih kaya browsing tinimbang katalog.
Ambane maksimal yaiku 1200px, dipusatake ing kanvas #f2f4f5 sing transparan, kanthi sidebar ambane 64px ing sisih kiwa sing mung ngemot ikon navigasi. Unsur utama yaiku strip ambane lengkap, kanthi kertu produk sing diselehake ing ndhuwur logo "toko" ungu sing dipusatake, lan bilah telusuran awujud pil langsung ing ngisore. Pil kategori disusun ing baris siji sing dipusatake ing ngisor bilah telusuran. Bagean konten (Wanita, Pria, Kecantikan, Omah, Bayi & Bocah) diterusake minangka strip sing wis ditemtokake, saben ngemot kothak 4 kolom kanthi gambar produk utawa komposisi "elemen utama lan kothak" 2 kolom. Irama vertikal akeh: 64–80px antarane bagean utama. Footer minangka strip peteng ing sisih ngisor kaca kanthi klompok pranala awujud kolom. Panah korsel ing sisih tengen panel produk horisontal nuduhake konten sing bisa digulung tanpa titik paginasi.
Fotografi minangka unsur visual sing dominan: foto produk layar wutuh kanthi latar mburi putih, dipotong 1:1, lan gambar gaya urip kanthi nada bumi sing anget (krem, terakota, sage, gading). Gambar produk nduweni warna dhewe-dhewe—antarmuka panganggo tetep akromatik, saengga warna produk bisa menehi macem-macem visual. Logo merek katon minangka teks overlay ing gambar utama sing peteng utawa padhang, tinimbang minangka ikon individu. Ing komposisi utama, kertu produk diposisikake minangka konstelasi sing ngambang, rada tumpang tindih ing ndhuwur tandha tembung. Ikon minimalis lan monokrom (garis ireng), kajaba ikon kategori, sing nggunakake siji warna merek. Ora ana ilustrasi, efek 3D, utawa gradien ing gambar produk.
Palet
Merek
- Shop Violet
#5433eb— Tombol kirim, tandha teks titik-titik, lan logo merek minangka siji-sijine aksen sing nyorot aksi lan individualitas ing latar mburi putih. - Violet Wash
#c0b5f3— Lingkaran halo transparan ing mburi tombol kirim ungu sing njaga cahyane tanpa owah rona.
Netral
- Canvas Mist
#f2f4f5— Latar mburi kaca lan perawatan permukaan tambahan ing mburi kertu sing diangkat. - Pure White
#ffffff— Lumahing utama kanggo kertu, kolom input, tandha ngambang, lan tombol awujud pil. - Ink Black
#000000— Teks utama, judhul, ikon, simbol navigasi, lan kertu produk ing mode peteng. - Faint Border
#ebebeb— Garis pamisah tipis ing kertu, garis luar kolom input, lan pigura tombol awujud pil. - Muted Gray
#787574— Teks sekunder, label navigasi, garis besar ikon nalika ora aktif - Cool Stone
#cccccc— Panggonan pangisi, status dipateni, lan latar mburi ikon ora aktif
Tipografi
saka 11 nganti 16px · 4 langkah
- GT Standard — panggantos: Inter · garis besar 400 · Font utama ing kabeh ukuran—kanggo teks awak lan judhul. GTStandard-MRegular kanthi ukuran 16px/-0.031em minangka font utama kanggo teks awak, tombol, lan label. GTStandard-MSemibold kanthi ukuran 20px/-0.05em digunakake kanggo sawetara judhul gedhe; GTStandard-MMedium kanthi ukuran 11–12px digunakake kanggo mikrokapi. Saben varian font ditampilake kanthi bobot optik 400—hirarki font digayuh liwat gradien sing alus lan jarak huruf negatif sing padhet, tinimbang kontras sing kandel. Iki minangka gaya khas: Shop ora nganggo font sing kandel, nanging mbentuk teks liwat jarak huruf.
- Shopify Sans — panggantos: Inter · garis besar 400, 700 · Dicadhangake kanggo pesen tingkat sistem kayata spanduk pemuatan aplikasi lan teks idin cookie.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 12px |
| Radius tombol | 9999px |
| Radius kertu | 28px |
| Bayangan | bayangan alus |
| Antarane bagean | 64px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Shop 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
- Cursor — Bengkel perkamen sing nyaman, dipadhangi areng sing murub
- Slush — jagad stiker sing bisa ditiup ing kertas pastel
- 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.
- Airbnb — Tembok galeri putih sing sepi nganggo tetenger abang koral siji
- Superr — Buku cathetan sekolah sing anget ing cahya sore sing alus. Kaca warna krem, spidol oranye tanpa tutup, lan tumpukan stiker jeneng laminasi sing lagi dicopot.
- Apple (España) — Galeri museum, ing wayah awan sing alus, minangka papan putih tunggal sing narik kawigaten lan entheng, kanthi saben pameran dipadhangi lampu sorot ing tembok sing diwarnai entheng.
- 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
- Agence Foudre — Sampul majalah kasebut wernane jambon alus sing ngelingake lipstik.
- Drive Capital — Poster perjalanan darat retro ing kertas anget
- Apple (España) — etalase galeri putih