Shop
Rasi lintang dagang anu ngambang dina marmer bodas
Toko online ieu beroperasi dina modél "kanvas bodas", kalayan produk anu ditampilkeun salaku kartu gambar anu ageung sareng melengkung tibatan grid thumbnail. Sakabéh antarmukana lancar pisan: radius 20-28px di sakumna, kontrol anu bentukna sapertos pil, sareng awak GT Standard 16px anu kompak kalayan pelacakan négatip anu rapet anu ngajantenkeun téksna jelas sareng kandel. Hiji-hijina aksen anu kandel dina sistem nyaéta ungu anu cerah (#5433eb), anu muncul dina logo, kolom hasil pamilarian bunderan, sareng salaku kalangkang anu diwarnaan dina tombol anu sami. Sésana paletna nétral haneut: permukaan bodas, kanvas kulawu tiis anu lemes, wates anu lemes, sareng téks anu ampir hideung. Kapadetanna tetep kompak kalayan talang 12px, tapi garis pahlawan sareng kategori ngambekan hatur nuhun kana wirahma vertikal anu ageung 64-80px, ngajantenkeun pangalaman dagang langkung sapertos ngotéktak tibatan katalog.
Lebar maksimumna nyaéta 1200px, dipusatkeun dina kanvas #f2f4f5 anu transparan, kalayan sidebar lébar 64px anu tetep di kénca anu ngan ukur ngandung ikon navigasi. Unsur utama nyaéta strip lébar pinuh, kalayan kartu produk diposisikan di luhur logo "toko" wungu anu dipusatkeun, sareng bilah pamilarian bentuk pil langsung di handapna. Pil kategori disusun dina hiji baris dipusatkeun di handap bilah pamilarian. Bagian eusi (Awéwé, Lalaki, Kaéndahan, Imah, Orok & Barudak) nuturkeun salaku strip anu ditunjuk, masing-masing ngandung grid 4 kolom kalayan gambar produk atanapi komposisi "unsur utama sareng grid" 2 kolom. Ritme vertikalna lega: 64–80px antara bagian utama. Footer nyaéta strip poék di handapeun halaman kalayan grup tautan bentuk kolom. Panah korsel di sisi katuhu panel produk horizontal nunjukkeun eusi anu tiasa digulung tanpa titik paginasi.
Potografi mangrupikeun unsur visual anu dominan: poto produk layar pinuh kalayan latar bodas, dipotong 1:1, sareng gambar gaya hirup kalayan nada bumi anu haneut (beige, terakota, sage, gading). Gambar produk gaduh warna nyalira—antarmuka pangguna tetep akromatik, ngamungkinkeun warna produk pikeun nyayogikeun rupa-rupa visual. Logo merek némbongan salaku téks overlay dina gambar utama anu poék atanapi hampang, tinimbang salaku ikon individu. Dina komposisi utama, kartu produk diposisikan salaku konstelasi anu ngambang, rada tumpang tindih di luhur tanda kecap. Ikon minimalis sareng monokrom (garis hideung), iwal ikon kategori, anu nganggo hiji warna merek. Teu aya ilustrasi, épék 3D, atanapi gradien dina gambar produk.
Palet
Merek
- Shop Violet
#5433eb— Tombol kirim, tanda téks titik-titik, sareng logo mérek mangrupikeun hiji-hijina aksen anu nyorot aksi sareng individualitas dina latar bodas. - Violet Wash
#c0b5f3— Halo transparan di tukangeun tombol kirim wungu anu tetep caang tanpa ngarobah warnana.
Nétral
- Canvas Mist
#f2f4f5— Latar tukang halaman sareng perlakuan permukaan tambahan di tukangeun kartu anu diangkat. - Pure White
#ffffff— Beungeut utama pikeun kartu, widang input, tanda ngambang, sareng tombol anu bentukna sapertos pil. - Ink Black
#000000— Téks utama, judul, ikon, simbol navigasi, sareng kartu produk dina modeu poék. - Faint Border
#ebebeb— Garis pamisah ipis dina kartu, garis luar widang input, sareng pigura tombol anu bentukna sapertos pil. - Muted Gray
#787574— Téks sekundér, labél navigasi, garis luar ikon nalika teu aktip - Cool Stone
#cccccc— Tempat panampung, kaayaan ditumpurkeun, sareng latar tukang ikon anu teu aktip
Tipografi
ti 11 nepi ka 16px · 4 léngkah
- GT Standard — panggantian: Inter · garis besar 400 · Hurup utama dina sadaya ukuran—pikeun téks awak sareng judul. GTStandard-MRegular dina 16px/-0.031em nyaéta hurup utama pikeun téks awak, tombol, sareng labél. GTStandard-MSemibold dina 20px/-0.05em dianggo pikeun sababaraha judul ageung; GTStandard-MMedium dina 11–12px dianggo pikeun mikrokapi. Unggal varian hurup ditampilkeun kalayan beurat optik 400—hirarki hurup kahontal ngalangkungan gradien anu halus sareng jarak hurup négatif anu padet, tinimbang kontras anu kandel. Ieu mangrupikeun gaya khas: Shop henteu ngagorowok nganggo hurup anu kandel, tapi langkung ngabentuk téks ngalangkungan jarak hurup.
- Shopify Sans — panggantian: Inter · garis besar 400, 700 · Disimpen kanggo pesen tingkat sistem sapertos spanduk pemuatan aplikasi sareng téks idin cookie.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 12px |
| Radius tombol | 9999px |
| Radius kartu | 28px |
| Kalangkang | kalangkang lemes |
| Antara bagian | 64px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Shop sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Cursor — Bengkel perkamen anu nyaman, dihurung ku areng anu ngebul
- Slush — jagat stiker anu tiasa ditiup dina kertas pastel
- MindMarket — Buku dongéng anu nyaman dina kertas krim - kanvas éditorial anu ramah dimana judul Inter anu ageung sareng karakter kertas anu dipotong hirup babarengan dina permukaan anu baseuh ku panonpoé sareng lemes sapertos stiker.
- Airbnb — Témbok galeri bodas anu sepi kalayan hiji tetengger beureum koral
- Superr — Buku catetan sakola anu haneut dina cahaya sonten anu lemes. Kaca warna krem, spidol oranyeu tanpa tutup, sareng tumpukan stiker nami anu dilaminasi anu ngantosan dikupas.
- Apple (España) — Galeri musium, dina cahaya panonpoé anu semu bodas, mangrupikeun hiji rohangan bodas anu pikaresepeun, kalayan unggal pameran disinari ku sorotan lampu anu ngahalangan témbok anu diwarnaan hampang.
- Lamborghini — Warna awak hideung di showroom, di handapeun lampu sorot - hiji mobil konéng
- Amplemarket — Tempat gawé anu kakeunaan panonpoé anu pinuh ku konféti
- Getharvest — Méja dina jam emas – kanvas krim haneut, kartu pos bodas digantung dina kanvas, jeung hiji seuneu oranyeu caang
- Agence Foudre — Kaca sampul majalah éta warnana pink lemes anu ngingetkeun kana lipstik.
- Drive Capital — Poster perjalanan jalan retro dina kertas haneut
- Apple (España) — wadah pajangan galeri bodas