Shop
Yon konstelasyon komès k ap flote sou mab blan
Magazen sou entènèt la fonksyone sou yon modèl "twal blan", ak pwodwi yo parèt kòm gwo kat imaj byen koube olye de griy ak imaj miniature. Tout koòdone nan trè lis: reyon 20-28px toupatou, kontwòl ki gen fòm grenn, ak yon kò GT Standard 16px kontra enfòmèl ant ak swivi negatif sere ki fè tèks la klè e fonse. Sèl aksan fonse sistèm nan se yon koulè mov vibran (#5433eb), ki parèt nan logo a, nan chan rezilta rechèch sikilè a, ak kòm yon lonbray tente sou menm bouton an. Rès palèt la se yon koulè net cho: sifas blan, yon twal gri fre sibtil, fwontyè sibtil, ak tèks prèske nwa. Dansite a rete kontra enfòmèl ant ak liy 12px, men bann ewo ak kategori yo respire gras a yon ritm vètikal jenere 64-80px, sa ki fè eksperyans komès la santi l plis tankou navigasyon pase yon katalòg.
Lajè maksimòm lan se 1200px, santre sou yon twal translisid #f2f4f5, ak yon ba bò 64px lajè pèsistan sou bò gòch la ki gen sèlman ikon navigasyon. Eleman prensipal la se yon bann lajè konplè, ak kat pwodwi ki pozisyone anlè yon logo "boutik" mov santre, ak yon ba rechèch ki gen fòm grenn dirèkteman anba li. Grenn kategori yo ranje nan yon sèl ranje santre anba ba rechèch la. Seksyon kontni (Fanm, Gason, Bote, Kay, Tibebe ak Timoun) swiv kòm bann deziyen, chak gen yon griy 4 kolòn ak imaj pwodwi oswa yon konpozisyon "eleman prensipal ak griy" 2 kolòn. Ritm vètikal la jenere: 64–80px ant seksyon prensipal yo. Pye paj la se yon bann nwa nan pati anba paj la ak gwoup lyen ki gen fòm kolòn. Flèch karousèl sou bò dwat panno pwodwi orizontal yo endike kontni defile san pwen pajinasyon.
Fotografi se eleman vizyèl dominan an: foto pwodwi plen ekran sou yon background blan, imaj koupe 1:1, ak imaj mòd vi ak ton tè cho (bej, tè kwit, sòj, ivwa). Imaj pwodwi yo gen pwòp koulè pa yo—koòdone itilizatè a rete akromatik, sa ki pèmèt tout koulè pwodwi yo bay varyete vizyèl. Logo mak yo parèt kòm tèks sipèpoze sou imaj prensipal fonse oswa klè, olye ke kòm ikòn endividyèl. Nan konpozisyon prensipal la, kat pwodwi yo pozisyone kòm yon konstelasyon k ap flote, yon ti kras sipèpoze anlè mak mo a. Ikòn yo minimalist ak monokrom (kontou nwa), eksepte ikòn kategori yo, ki itilize yon sèl koulè mak. Pa gen ilistrasyon, efè 3D, oswa gradyan nan imaj pwodwi yo.
Palèt
Mak
- Shop Violet
#5433eb— Bouton voye a, mak tèks pwentiye a, ak logo mak la se sèl aksan ki mete aksan sou aksyon an ak endividyalite a sou background blan an. - Violet Wash
#c0b5f3— Yon halo translisid dèyè bouton voye mov la ki kenbe klere li san li pa chanje koulè.
Netral
- Canvas Mist
#f2f4f5— Fon paj la ak tretman sifas adisyonèl dèyè kat an relief. - Pure White
#ffffff— Sifas prensipal la pou kat, chan pou antre, siy k ap flote ak bouton ki gen fòm grenn. - Ink Black
#000000— Tèks prensipal, tit, ikòn, senbòl navigasyon, ak kat pwodwi nan mòd nwa. - Faint Border
#ebebeb— Liy divizyon mens sou kat, kontou chan pou antre, ak ankadreman bouton ki gen fòm grenn. - Muted Gray
#787574— Tèks segondè, etikèt navigasyon, kontou ikòn lè yo inaktif - Cool Stone
#cccccc— Espas rezève, eta enfim, ak background ikòn inaktif
Tipografi
soti nan 11 pou rive nan 16px · 4 etap
- GT Standard — ranplasman: Inter · plan 400 · Font prensipal la nan tout gwosè—pou tèks kò a ak tit yo. GTStandard-MRegular a 16px/-0.031em se font prensipal la pou tèks kò a, bouton yo, ak etikèt yo. GTStandard-MSemibold a 20px/-0.05em yo itilize pou plizyè gwo tit; GTStandard-MMedium a 11–12px yo itilize pou mikwo-léjand yo. Chak varyant font parèt ak yon pwa optik 400—yerachi font la reyalize atravè gradyan sibtil ak espasman lèt negatif dans, olye de kontras fonse. Sa a se yon stil siyati: Shop pa rele byen fò ak font fonse, men pito bay tèks la fòm atravè espasman lèt yo.
- Shopify Sans — ranplasman: Inter · plan 400, 700 · Rezève pou mesaj nan nivo sistèm tankou banyè chajman aplikasyon ak tèks konsantman bonbon.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 12px |
| Reyon bouton | 9999px |
| Reyon kat | 28px |
| Lonbray | lonbraj mou |
| Ant seksyon yo | 64px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Shop epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Cursor — Yon atelye parchemin konfòtab, limen pa chabon ki t ap fè lafimen
- Slush — linivè enflatab nan avek stickers sou papye pastel
- MindMarket — Yon liv kont fe konfòtab sou papye krèm - yon twal editoryal amikal kote gwo tit Inter ak karaktè papye dekoupe koegziste sou yon sifas benyen nan solèy, mou tankou fich adezif.
- Airbnb — Yon miray galeri blan trankil ak yon sèl makè paj wouj koray
- Superr — Yon kaye lekòl cho nan limyè dous apremidi a. Yon paj koulè krèm, yon makè zoranj san bouchon, ak yon pil fich non plastifye k ap tann pou yo dekole.
- Apple (España) — Galri mize a, nan yon limyè dous, se yon sèl espas blan, kaptivan, san pwa, ak chak ekspozisyon eklere pa yon pwojektè sou yon miray ki gen yon ti koulè.
- Lamborghini — Koulè nwa nan karosri a, anba limyè yo - yon machin jòn
- Amplemarket — Yon espas travay benyen nan solèy ki gaye ak konfeti
- Getharvest — Yon biwo nan lè dore - yon twal krèm cho, kat postal blan pandye sou twal la, ak yon sèl flanm dife zoranj klere.
- Agence Foudre — Paj kouvèti magazin nan se yon koulè woz pal ki fè sonje wouj sou bouch.
- Drive Capital — Afich vwayaj retro sou papye cho
- Apple (España) — vitrin galeri blan