Shop
In driuwende hannelskonstellaasje op wyt moarmer
De online winkel wurket op in "wyt doek"-model, mei produkten werjûn as grutte, swier bûgde ôfbyldingskaarten ynstee fan rasters fan thumbnails. De hiele ynterface is ûnbidich glêd: 20-28px radii oeral, pilfoarmige kontrôles, en in kompakte 16px GT Standard-body mei strakke negative tracking dy't tekst skerp en fet makket. It ienige fet aksint fan it systeem is in libbene pearse (#5433eb), dy't ferskynt yn it logo, it sirkelfoarmige sykresultatenfjild, en as in getinte skaad op deselde knop. De rest fan it palet is waarm neutraal: wite oerflakken, in subtyl koel griis doek, subtile rânen, en hast swarte tekst. De tichtheid bliuwt kompakt mei 12px gutters, mar de held- en kategorystrepen sykhelje tanksij in romhertich fertikaal ritme fan 64-80px, wêrtroch't de kommersjele ûnderfining mear fielt as blêdzjen dan in katalogus.
De maksimale breedte is 1200px, sintraal op in trochsichtich #f2f4f5-doek, mei in oanhâldende sydbalke fan 64px breed oan 'e lofterkant dy't allinich navigaasjeikoanen befettet. It haadelemint is in strip oer folsleine breedte, mei produktkaarten boppe in sintraal pears "winkel"-logo pleatst, en in pilfoarmige sykbalke direkt derûnder. Kategorypillen binne yn ien sintraal rige ûnder de sykbalke regele. Ynhâldseksjes (Froulju, Manlju, Skientme, Hûs, Baby & Bern) folgje as oanwiisde strips, elk mei in raster fan 4 kolommen mei produktôfbyldings of in komposysje fan "haadelemint en raster" mei 2 kolommen. It fertikale ritme is royaal: 64–80px tusken haadseksjes. De fuottekst is in donkere stripe ûnderoan de pagina mei kolomfoarmige keppelingsgroepen. Karrouselpylken oan 'e rjochterkant fan' e horizontale produktpanielen jouwe rôlbere ynhâld oan sûnder paginaasjepunten.
Fotografie is it dominante fisuele elemint: produktfoto's op folslein skerm tsjin in wite eftergrûn, bysnien 1:1, en libbensstylôfbyldings mei waarme ierdske toanen (beige, terracotta, salie, ivoar). Produktôfbyldings hawwe har eigen kleur - de brûkersynterface bliuwt achromatysk, wêrtroch't de produktskaden fisuele ferskaat kinne biede. Merklogo's ferskine as overlay-tekst op donkere of ljochte haadôfbyldings, ynstee fan as yndividuele ikoanen. Yn 'e haadkomposysje binne produktkaarten pleatst as in driuwende, wat oerlappende konstellaasje boppe it wurdmerk. Ikoanen binne minimalistysk en monochroom (swarte kontoeren), mei útsûndering fan kategoryikoanen, dy't ien merkkleur brûke. Der binne gjin yllustraasjes, 3D-effekten of gradiënten yn produktôfbyldings.
Palet
Merk
- Shop Violet
#5433eb— De ferstjoerknop, it stippele tekstteken en it merklogo binne de ienige aksinten dy't de aksje en yndividualiteit op 'e wite eftergrûn markearje. - Violet Wash
#c0b5f3— In trochsichtige halo efter de pearse ferstjoerknop dy't syn gloed behâldt sûnder fan tint te feroarjen.
Neutraal
- Canvas Mist
#f2f4f5— Side-eftergrûn en ekstra oerflakbehanneling efter ferhege kaarten. - Pure White
#ffffff— It haadoerflak foar kaarten, ynfierfjilden, driuwende buorden en pilfoarmige knoppen. - Ink Black
#000000— Haadtekst, kopteksten, ikoanen, navigaasjesymbolen en produktkaarten yn tsjustere modus. - Faint Border
#ebebeb— Tinne skiedslinen op kaarten, omtreklinen fan ynfierfjilden en pilfoarmige knopframes. - Muted Gray
#787574— Sekundêre tekst, navigaasjelabels, ikoankonturen as ynaktyf - Cool Stone
#cccccc— Plakhâlders, útskeakele steaten en ynaktive ikoaneftergrûnen
Typografy
fan 11 oant 16px · 4 stappen
- GT Standard — ferfanging: Inter · sketsen 400 · It primêre lettertype yn alle maten - foar sawol lichemstekst as kopteksten. GTStandard-MRegular mei 16px/-0.031em is it primêre lettertype foar lichemstekst, knoppen en labels. GTStandard-MSemibold mei 20px/-0.05em wurdt brûkt foar ferskate grutte kopteksten; GTStandard-MMedium mei 11–12px wurdt brûkt foar mikrobyskriften. Elke lettertypefariant wurdt werjûn mei in optysk gewicht fan 400 - lettertypehiërargy wurdt berikt troch subtile gradiënten en tichte negative letterôfstân, ynstee fan fet kontrast. Dit is in karakteristike styl: Shop ropt net mei fetdrukte lettertypen, mar foarmet de tekst leaver troch letterôfstân.
- Shopify Sans — ferfanging: Inter · sketsen 400, 700 · Reservearre foar berjochten op systeemnivo lykas banners foar it laden fan apps en tekst foar tastimming foar koekje.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | trochsneed |
| Basisstap | 12px |
| Knopradius | 9999px |
| Kaartradius | 28px |
| Skaden | sêfte skaden |
| Tusken seksjes | 64px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Shop -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Cursor — In noflike perkamentwurkpleats, ferljochte troch smeulende koalen
- Slush — opblaasber universum fan stickers op pastelpapier
- MindMarket — In noflik mearkeboek op crèmekleurich papier - in freonlik redaksjoneel doek dêr't grutte Inter-koppen en útsnien papieren personaazjes neist elkoar besteane op in sinnich, sticker-sêft oerflak.
- Airbnb — In rêstige wite galerymuorre mei in inkele koraalreade boekenlegger
- Superr — In waarm skoalskrift yn it sêfte middeisljocht. In crèmekleurige side, in oranje marker sûnder kap, en in stapel laminearre nammestickers dy't wachtsje om ôfpele te wurden.
- Apple (España) — De museumgalery, by sêft deiljocht, is ien, boeiende, gewichtleaze wite romte, mei elke tentoanstelling ferljochte troch in spotlight tsjin in licht getinte muorre.
- Lamborghini — Swarte karrosseriekleur yn 'e showroom, ûnder de spotlights - ien giele auto
- Amplemarket — In sinnige wurkpleats bezaaid mei konfetti
- Getharvest — In buro op gouden oere - in waarm crèmekleurich doek, wite ansichtkaarten ophongen oan it doek, en in inkele helder oranje flam
- Agence Foudre — De omslachside fan it tydskrift hat in sêfte rôze kleur dy't tinken docht oan lippenstift.
- Drive Capital — Retro roadtrip-poster op waarm papier
- Apple (España) — wite galeryvitrine