Shopify
Rumah Kaca Tengah Peuting - Merek dagang mekar dina latar warna biru toska anu poék, disinari ku percikan mint
Sistem desain Shopify téh kawas bengkel tengah peuting pikeun dagang: kanvas ampir hideung nu diwarnaan ku héjo pirus kolot, jenis huruf sans-serif nu lega tur percaya diri, sarta hiji aksen mint nu pinuh ku sumanget nu ngaktifkeun momen interaktif. Antarbeungeutna siga kamar poék, tempat produk jeung mérek jadi sumber cahaya—poto jeung etalase hurung dina permukaan nu ampir hideung, sedengkeun unsur kromna leungit. Komponénna géométri tapi lemes: kartu radius 12px kalawan wates ipis, tombol nu bentukna kawas pil, jeung jenis huruf beurat 330 nu ngaharéwos skala tinimbang ngagorowok. Hiji tanda baca kromatik (#36f4a4) dipaké sacara hemat dina tautan, tag, jeung kaayaan fokus, nyimpen warna pikeun momen fungsional pikeun mastikeun carita padagang tetep jadi titik fokus visual.
Lebar maksimumna nyaéta ~1280px, di tengah, kalayan blok splash lébar pinuh manjang saluareun wadah poto. Ritme halaman silih genti: (1) halaman splash poék lébar pinuh kalayan judul anu ditumpuk sareng tombol ajakan-ka-aksi, (2) bagian poék anu nyaman kalayan téks lébar maksimum sareng blok gambar dina 2 kolom atanapi grid gambar dina 3 kolom, (3) panel showcase interaktif (kartu produk, kalkulator pengiriman, peta dunya) ditampilkeun salaku kartu anu diangkat dina kanvas anu langkung jero. Navigasi mangrupikeun bilah luhur anu tetep kalayan logo + 3 unsur navigasi + tautan sekundér + tombol ajakan-ka-aksi primér, sadayana dijajarkeun ka katuhu. Ritme vertikal nganggo celah 80px antara bagian kalayan transisi anu mulus—henteu aya pamisah antara bagian poék, ngan ukur parobahan dina nada permukaan.
Desain visual utamina museur kana padagang ritel: poto produk ukuran pinuh sareng poto tina acara mérek mawa seuseueurna beurat visual, sering dina bentuk latar tukang anu ageung kalayan téks bodas anu ditumpuk. Gambar-gambarna dipotong pageuh, kontrasna luhur, sareng sipatna meriah (sora bel Nasdaq, salam grup, close-up produk di leungeun). Latar tukang anu poék nyiptakeun kesan yén poto-poto ieu disinari ku lampu sorot. Ilustrasina minimalis—padamelan katerangan utama dilakukeun ku gambar produk anu dipasang sareng cuplikan layar toko. Ikonna monokrom, kalayan lébar garis 1,5–2px, biasana bodas atanapi #36f4a4 pikeun kaayaan aktif.
Palet
Merek
- Shopify Mint
#36f4a4— Indikator navigasi aktif, cingcin fokus, sorotan tag, sareng sorotan hover dina tautan mangrupikeun hiji-hijina kilauan kromatik anu nyiptakeun rasa interaktivitas anu diaktipkeun ngalawan latar anu poék.
Nétral
- Midnight Forest
#02090a— Kanvas halaman, gambar latar lulugu, gambar latar bagian - Deep Lichen
#061a1c— Beungeut kartu utama, panel anu diangkat, blok eusi. - Shaded Fern
#072720— Panel navigasi, kartu tambahan, panel nu naék ampir teu katingali. - Spruce Border
#1e2c31— Wates ipis pikeun kartu, garis pamisah, garis luar widang input. - Abyss Indigo
#000a1e— Beungeut tambahan pikeun nyematkan produk/démonstrasi, panel kalayan pedaran fungsi. - Pure White
#ffffff— Téks utama, eusian tombol, judul, logo.
Tipografi
ti 12 nepi ka 70px · 8 léngkah
- Neue Haas Grotesk — panggantian: Inter · garis besar 330, 400, 500, 550, 600 · Sistem tipografi inti nyaéta judul berita kalayan beurat font 70–96px (330–400) anu teu pati jelas tibatan tarik; salinan awak kalayan beurat font 16–18px (400–500); sareng navigasi sareng antarmuka pangguna kalayan beurat font 14–16px (500–550). Beurat font ultra-énténg 330 dina ukuran layar ageung mangrupikeun fitur anu khas: éta nunjukkeun kapercayaan diri ngalangkungan pengekangan tinimbang ukuran anu ageung.
- Inter Variable — panggantian: Inter · garis besar 400, 420, 450, 550 · Jenis font sekundér anu dianggo dina élémen antarmuka navigasi, catetan alit, kontrol tab, sareng mikrotéks dina footer. Hurup leutikna anu rada ageung sareng jarak hurup anu langkung standar ngajantenkeun langkung gampang dibaca dina ukuran anu ringkes. Éta ogé cocog pikeun kaayaan dimana font beurat 420 ngeusian celah antara font ukuran biasa sareng sedeng.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 12px |
| Radius tombol | 9999px |
| Radius kartu | 12px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 80px |
| Lebar kaca | 1280px |
AI bakal ngawangun situs wéb anjeun dina gaya Shopify 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
- Retool — Bengkel obsidian anu haneut - permukaan pikeun pakakas presisi, dihurung ku areng anu ngebul, dimana sadayana didamel
- Elektron — Panel kontrol peralatan tengah peuting téh siga kanvas nu ampir hideung, poto produkna herang sedengkeun antarbeungeutna ampir teu katingali.
- REKKI — Panel kontrol penerbangan di lab poto
- OFFFICE : — galeri noir anu katutupan ku font monolitik
- Clyde — Showroom-na, kalayan hiji lampu sorotna, mangrupikeun galeri anu ampir poék dimana hiji-hijina warna di rohangan éta nyaéta bal gradien anu haneut.
- Channel Studio — Laboratorium poto studio nganggo hiji kap lampu koral
- Electronic Materials Office — Bara nu hurung dina galeri nu dihias ku areng
- ORYZO AI — Esai poto ngeunaan kamar poék. Hiji barang nyorangan ngalayang dina poék anu haneut, font krim hiji-hijina hiasan.
- Factory — Terminal "ruang perang" tengah peuting. "Pabrik" éta nyaéta panel kontrol hideung polos dimana hiji kartu bodas nembongan kawas kartu pos nu dihurungkeun ku senter—hiji-hijina barang di rohangan éta nyaéta karyana sorangan.
- Hungry Tiger — Grafiti semu konéng caang dina témbok tandoor. Palet emas jeung coklat karat nu ngahiji, kalawan font nu kacida gedéna nepi ka leuwih siga papan tanda pasar rempah-rempah tibatan situs wéb.
- Bibliothèque — Galeri bentuk kubus hideung di handapeun sorotan lampu – hiji piring anu dihias ku cahaya di rohangan anu lega sareng poék
- Apple (España) — téater hideung kalayan lampu sorot