Shop
Cytser masnachu arnofiol ar farmor gwyn
Mae'r siop ar-lein yn gweithredu ar fodel "cynfas gwyn", gyda chynhyrchion yn cael eu harddangos fel cardiau delwedd mawr, crwm iawn yn hytrach na gridiau o fân-luniau. Mae'r rhyngwyneb cyfan yn anhygoel o llyfn: radii 20-28px drwyddo draw, rheolyddion siâp pilsen, a chorff Safonol GT cryno 16px gydag olrhain negyddol tynn sy'n gwneud testun yn glir ac yn feiddgar. Yr unig acen feiddgar yn y system yw porffor bywiog (#5433eb), sy'n ymddangos yn y logo, y maes canlyniadau chwilio crwn, ac fel cysgod lliw ar yr un botwm. Mae gweddill y palet yn niwtral cynnes: arwynebau gwyn, cynfas llwyd oer cynnil, ffiniau cynnil, a thestun bron yn ddu. Mae'r dwysedd yn parhau i fod yn gryno gyda gwteri 12px, ond mae'r streipiau arwr a chategori yn anadlu diolch i rhythm fertigol hael o 64-80px, gan wneud i'r profiad masnach deimlo'n fwy fel pori nag fel catalog.
Y lled mwyaf yw 1200px, wedi'i ganoli ar gynfas tryloyw #f2f4f5, gyda bar ochr parhaus 64px o led ar y chwith sy'n cynnwys eiconau llywio yn unig. Y brif elfen yw stribed lled llawn, gyda chardiau cynnyrch wedi'u lleoli uwchben logo "siop" porffor canolog, a bar chwilio siâp pilsen yn uniongyrchol oddi tano. Mae pils categori wedi'u trefnu mewn un rhes ganolog islaw'r bar chwilio. Mae adrannau cynnwys (Menywod, Dynion, Harddwch, Cartref, Babanod a Phlant) yn dilyn fel stribedi dynodedig, pob un yn cynnwys grid 4 colofn gyda delweddau cynnyrch neu gyfansoddiad "prif elfen a grid" 2 golofn. Mae'r rhythm fertigol yn hael: 64–80px rhwng prif adrannau. Mae'r troedyn yn stribed tywyll ar waelod y dudalen gyda grwpiau cyswllt siâp colofn. Mae saethau carwsél ar ochr dde'r paneli cynnyrch llorweddol yn dynodi cynnwys y gellir ei sgrolio heb bwyntiau tudalennu.
Ffotograffiaeth yw'r elfen weledol fwyaf amlwg: lluniau cynnyrch sgrin lawn yn erbyn cefndir gwyn, wedi'u cnydio 1:1, a delweddau ffordd o fyw gyda thoniau cynnes a daearol (beige, terracotta, saets, ifori). Mae gan ddelweddau cynnyrch eu lliw eu hunain—mae'r rhyngwyneb defnyddiwr yn parhau i fod yn acromatig, gan ganiatáu i arlliwiau'r cynnyrch ddarparu amrywiaeth weledol. Mae logos brand yn ymddangos fel testun gorchudd ar brif ddelweddau tywyll neu olau, yn hytrach nag fel eiconau unigol. Yn y prif gyfansoddiad, mae cardiau cynnyrch wedi'u lleoli fel cytser arnofiol, ychydig yn gorgyffwrdd uwchben y marc gair. Mae eiconau'n finimalaidd ac yn monocrom (amlinelliadau du), ac eithrio eiconau categori, sy'n defnyddio un lliw brand. Nid oes unrhyw ddarluniau, effeithiau 3D, na graddiannau mewn delweddau cynnyrch.
Palet
Brand
- Shop Violet
#5433eb— Y botwm anfon, y marc testun dotiog, a logo'r brand yw'r unig acenion sy'n tynnu sylw at y weithred a'r unigoliaeth ar y cefndir gwyn. - Violet Wash
#c0b5f3— Halo tryloyw y tu ôl i'r botwm anfon porffor sy'n cynnal ei lewyrch heb newid lliw.
Niwtral
- Canvas Mist
#f2f4f5— Cefndir y dudalen a thriniaeth arwyneb ychwanegol y tu ôl i gardiau wedi'u codi. - Pure White
#ffffff— Y prif arwyneb ar gyfer cardiau, meysydd mewnbwn, arwyddion arnofiol a botymau siâp pilsen. - Ink Black
#000000— Prif destun, penawdau, eiconau, symbolau llywio, a chardiau cynnyrch mewn modd tywyll. - Faint Border
#ebebeb— Llinellau rhannu tenau ar gardiau, amlinelliadau meysydd mewnbwn, a fframiau botwm siâp bilsen. - Muted Gray
#787574— Testun eilaidd, labeli llywio, amlinelliadau eicon pan nad ydynt yn gweithio - Cool Stone
#cccccc— Dalfannau, cyflyrau analluog, a chefndiroedd eicon anactif
Teipograffeg
o 11 i 16px · 4 cam
- GT Standard — amnewid: Inter · amlinelliadau 400 · Y prif ffont ym mhob maint—ar gyfer testun y corff a'r penawdau. GTStandard-MRegular ar 16px/-0.031em yw'r prif ffont ar gyfer testun y corff, botymau a labeli. Defnyddir GTStandard-MSemibold ar 20px/-0.05em ar gyfer sawl pennawd mawr; defnyddir GTStandard-MMedium ar 11–12px ar gyfer microcapsiynau. Dangosir pob amrywiad ffont gyda phwysau optegol o 400—cyflawnir hierarchaeth ffont trwy raddiannau cynnil a bylchau llythrennau negyddol dwys, yn hytrach na chyferbyniad beiddgar. Dyma arddull nodweddiadol: Nid yw Shop yn gweiddi gyda ffontiau beiddgar, ond yn hytrach yn siapio'r testun trwy fylchau llythrennau.
- Shopify Sans — amnewid: Inter · amlinelliadau 400, 700 · Wedi'i gadw ar gyfer negeseuon lefel system fel baneri llwytho apiau a thestun caniatâd cwcis.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 12px |
| Radiws botwm | 9999px |
| Radiws y cerdyn | 28px |
| Cysgodion | cysgodion meddal |
| Rhwng adrannau | 64px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Shop ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Cursor — Gweithdy memrwn clyd, wedi'i oleuo gan glo mudlosg
- Slush — bydysawd pwmpiadwy o sticeri ar bapur pastel
- MindMarket — Llyfr tylwyth teg clyd ar bapur hufen - cynfas golygyddol cyfeillgar lle mae penawdau mawr Inter a chymeriadau papur wedi'u torri allan yn cydfodoli ar arwyneb heulog, meddal fel sticer.
- Airbnb — Wal oriel wen dawel gydag un nod tudalen coch cwrel
- Superr — Llyfr nodiadau ysgol gynnes yng ngolau meddal y prynhawn. Tudalen lliw hufen, marciwr oren heb gap, a phentwr o sticeri enw wedi'u lamineiddio yn aros i gael eu plicio i ffwrdd.
- Apple (España) — Mae oriel yr amgueddfa, yng ngolau dydd meddal, yn ofod gwyn sengl, hudolus, di-bwysau, gyda phob arddangosfa wedi'i goleuo gan olau yn erbyn wal wedi'i lliwio'n ysgafn.
- Lamborghini — Lliw corff du yn yr ystafell arddangos, o dan y goleuadau - un car melyn
- Amplemarket — Gweithle heulog wedi'i daenu â chonffeti
- Getharvest — Desg yn yr awr aur – cynfas hufen cynnes, cardiau post gwyn wedi'u hongian ar y cynfas, ac un fflam oren lachar
- Agence Foudre — Mae tudalen glawr y cylchgrawn yn lliw pinc meddal sy'n atgoffa rhywun o minlliw.
- Drive Capital — Poster taith ffordd retro ar bapur cynnes
- Apple (España) — cas arddangos oriel gwyn