Shop
'n Swewende handelskonstellasie op wit marmer
Die aanlynwinkel werk op 'n "wit doek"-model, met produkte wat vertoon word as groot, swaar geboë beeldkaarte eerder as roosters van miniatuurprente. Die hele koppelvlak is ongelooflik glad: 20-28px radiusse regdeur, pilvormige kontroles, en 'n kompakte 16px GT Standard-liggaam met stywe negatiewe dophou wat teks skerp en vet maak. Die stelsel se enigste vet aksent is 'n helder pers (#5433eb), wat in die logo, die sirkelvormige soekresultateveld en as 'n getinte skaduwee op dieselfde knoppie verskyn. Die res van die palet is warm neutraal: wit oppervlaktes, 'n subtiele koel grys doek, subtiele rande en amper-swart teks. Die digtheid bly kompak met 12px-gleuwe, maar die held- en kategoriestrepe haal asem danksy 'n ruim vertikale ritme van 64-80px, wat die handelservaring meer soos blaai as 'n katalogus laat voel.
Die maksimum breedte is 1200px, gesentreer op 'n deurskynende #f2f4f5-doek, met 'n aanhoudende 64px-wye sybalk aan die linkerkant wat slegs navigasie-ikone bevat. Die hoofelement is 'n strook met volle breedte, met produkkaarte bo 'n gesentreerde pers "winkel"-logo geplaas, en 'n pilvormige soekbalk direk daaronder. Kategoriepille word in 'n enkele gesentreerde ry onder die soekbalk gerangskik. Inhoudsafdelings (Vroue, Mans, Skoonheid, Huis, Baba en Kinders) volg as aangewese stroke, elk met 'n 4-kolom rooster met produkbeelde of 'n 2-kolom "hoofelement en rooster"-komposisie. Die vertikale ritme is ruim: 64–80px tussen hoofafdelings. Die voetskrif is 'n donker strook onderaan die bladsy met kolomvormige skakelgroepe. Karrouselpyle aan die regterkant van die horisontale produkpanele dui op blaaibare inhoud sonder pagineringspunte.
Fotografie is die dominante visuele element: volskerm-produkfoto's teen 'n wit agtergrond, 1:1-gesnyde beelde, en leefstylbeelde met warm aardse kleure (beige, terracotta, salie, ivoor). Produkbeelde het hul eie kleur – die gebruikerskoppelvlak bly achromaties, wat die produkskakerings toelaat om visuele verskeidenheid te bied. Handelsmerklogo's verskyn as oorvleuelende teks op donker of ligte hoofbeelde, eerder as individuele ikone. In die hoofkomposisie word produkkaarte as 'n swewende, effens oorvleuelende konstellasie bo die woordmerk geposisioneer. Ikone is minimalisties en monochroom (swart buitelyne), met die uitsondering van kategorie-ikone, wat 'n enkele handelsmerkkleur gebruik. Daar is geen illustrasies, 3D-effekte of gradiënte in produkbeelde nie.
Palet
Handelsmerk
- Shop Violet
#5433eb— Die stuurknoppie, die gestippelde teksmerk en die handelsmerklogo is die enigste aksente wat die aksie en individualiteit op die wit agtergrond beklemtoon. - Violet Wash
#c0b5f3— 'n Deurskynende stralekrans agter die pers stuurknoppie wat sy gloed behou sonder om van kleur te verander.
Neutraal
- Canvas Mist
#f2f4f5— Bladsyagtergrond en addisionele oppervlakbehandeling agter verhoogde kaarte. - Pure White
#ffffff— Die hoofoppervlak vir kaarte, invoervelde, swewende tekens en pilvormige knoppies. - Ink Black
#000000— Hoofteks, opskrifte, ikone, navigasiesimbole en produkkaarte in donker modus. - Faint Border
#ebebeb— Dun skeidslyne op kaarte, invoerveld-omlyne en pilvormige knoppierame. - Muted Gray
#787574— Sekondêre teks, navigasie-etikette, ikoonomlyning wanneer onaktief - Cool Stone
#cccccc— Plekhouers, gedeaktiveerde toestande en onaktiewe ikoonagtergronde
Tipografie
van 11 tot 16px · 4 stappe
- GT Standard — vervanging: Inter · buitelyne 400 · Die primêre lettertipe in alle groottes—vir beide liggaamsteks en opskrifte. GTStandard-MRegular teen 16px/-0.031em is die primêre lettertipe vir liggaamsteks, knoppies en etikette. GTStandard-MSemibold teen 20px/-0.05em word vir verskeie groot opskrifte gebruik; GTStandard-MMedium teen 11–12px word vir mikro-onderskrifte gebruik. Elke lettertipevariant word vertoon met 'n optiese gewig van 400—lettertipe-hiërargie word bereik deur subtiele gradiënte en digte negatiewe letterspasiëring, eerder as vet kontras. Dit is 'n kenmerkende styl: Shop skree nie met vet lettertipes nie, maar vorm eerder die teks deur letterspasiëring.
- Shopify Sans — vervanging: Inter · buitelyne 400, 700 · Gereserveer vir boodskappe op stelselvlak soos programlaai-baniere en koekietoestemmingsteks.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | gemiddelde |
| Basiese stap | 12px |
| Knoppieradius | 9999px |
| Kaartradius | 28px |
| Skaduwees | sagte skaduwees |
| Tussen afdelings | 64px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Shop -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Cursor — 'n Gesellige perkamentwerkswinkel, verlig deur smeulende kole
- Slush — opblaasbare heelal van plakkers op pastelpapier
- MindMarket — 'n Gesellige sprokiesboek op roomkleurige papier - 'n vriendelike redaksionele doek waar groot Inter-opskrifte en uitgesnyde papierkarakters saambestaan op 'n sonnige, plakkersagte oppervlak.
- Airbnb — 'n Stil wit galerymuur met 'n enkele koraalrooi boekmerk
- Superr — ’n Warm skoolnotaboek in die sagte middaglig. ’n Roomkleurige bladsy, ’n oranje merker sonder ’n deksel, en ’n stapel gelamineerde naamplakkers wat wag om afgeskil te word.
- Apple (España) — Die museumgalery, in sagte daglig, is 'n enkele, boeiende, gewiglose wit ruimte, met elke uitstalling verlig deur 'n kollig teen 'n liggies getinte muur.
- Lamborghini — Swart bakkleur in die vertoonlokaal, onder die kolligte - een geel motor
- Amplemarket — 'n Sonnige werkplek besaai met konfetti
- Getharvest — 'n Lessenaar tydens goue uur – 'n warm roomkleurige doek, wit poskaarte wat op die doek hang, en 'n enkele helder oranje vlam
- Agence Foudre — Die tydskrif se voorblad is 'n sagte pienk kleur wat aan lipstiffie herinner.
- Drive Capital — Retro padreisplakkaat op warm papier
- Apple (España) — wit galery-uitstalkas