Shop
Lebdeče trgovsko ozvezdje na belem marmorju
Spletna trgovina deluje po modelu "belega platna", kjer so izdelki prikazani kot velike, močno ukrivljene slikovne kartice in ne kot mreže sličic. Celoten vmesnik je neverjetno gladek: polmeri 20–28 slikovnih pik, krmilniki v obliki tablete in kompaktno ohišje GT Standard velikosti 16 slikovnih pik s tesnim negativnim sledenjem, zaradi česar je besedilo ostro in krepko. Edini krepki poudarek sistema je živahna vijolična (#5433eb), ki se pojavi v logotipu, krožnem polju z rezultati iskanja in kot obarvana senca na istem gumbu. Preostala paleta je topla nevtralna: bele površine, subtilno hladno sivo platno, subtilni robovi in skoraj črno besedilo. Gostota ostaja kompaktna z 12 slikovnimi pikami, vendar črte junaka in kategorije dihajo zaradi radodarnega navpičnega ritma 64–80 slikovnih pik, zaradi česar je izkušnja nakupovanja bolj podobna brskanju kot katalogu.
Največja širina je 1200 slikovnih pik, centrirano na prosojnem platnu #f2f4f5, s trajno stransko vrstico širine 64 slikovnih pik na levi, ki vsebuje samo navigacijske ikone. Glavni element je trak polne širine, s karticami izdelkov, nameščenimi nad sredinsko vijoličnim logotipom»trgovina«, in iskalno vrstico v obliki tablete neposredno pod njo. Tablete kategorij so razporejene v eni sami sredinski vrstici pod iskalno vrstico. Razdelki z vsebino (Ženske, Moški, Lepota, Dom, Dojenčki in otroci) sledijo kot določeni trakovi, vsak s 4-stolpčno mrežo s slikami izdelkov ali 2-stolpčno kompozicijo»glavni element in mreža«. Navpični ritem je radodaren: 64–80 slikovnih pik med glavnimi razdelki. Noga je temen trak na dnu strani s skupinami povezav v obliki stolpcev. Puščice vrtiljaka na desni strani vodoravnih plošč izdelkov označujejo vsebino, po kateri se je mogoče pomikati, brez točk oštevilčenja strani.
Fotografija je prevladujoči vizualni element: celozaslonske fotografije izdelkov na belem ozadju, obrezane v razmerju 1:1, in slike življenjskega sloga s toplimi zemeljskimi toni (bež, terakota, žajbelj, slonokoščena). Slike izdelkov imajo svojo barvo – uporabniški vmesnik ostaja akromatičen, kar omogoča, da odtenki izdelkov zagotavljajo vizualno raznolikost. Logotipi blagovnih znamk so prikazani kot prekrivno besedilo na temnih ali svetlih glavnih slikah in ne kot posamezne ikone. V glavni kompoziciji so kartice izdelkov postavljene kot lebdeče, rahlo prekrivajoče se ozvezdje nad besedno znamko. Ikone so minimalistične in enobarvne (črni obrisi), z izjemo ikon kategorij, ki uporabljajo eno samo barvo blagovne znamke. Na slikah izdelkov ni ilustracij, 3D-učinkov ali prelivov.
Paleta
Blagovna znamka
- Shop Violet
#5433eb— Gumb za pošiljanje, pikčasto besedilo in logotip blagovne znamke so edini poudarki, ki na belem ozadju poudarjajo akcijo in individualnost. - Violet Wash
#c0b5f3— Prozoren sij za vijoličnim gumbom za pošiljanje, ki ohranja svoj sijaj brez spreminjanja odtenka.
Nevtralno
- Canvas Mist
#f2f4f5— Ozadje strani in dodatna površinska obdelava za dvignjenimi karticami. - Pure White
#ffffff— Glavna površina za kartice, vnosna polja, plavajoče znake in gumbe v obliki tablet. - Ink Black
#000000— Glavno besedilo, naslovi, ikone, navigacijski simboli in kartice izdelkov v temnem načinu. - Faint Border
#ebebeb— Tanke ločilne črte na karticah, obrisi vnosnih polj in okvirji gumbov v obliki tablet. - Muted Gray
#787574— Sekundarno besedilo, navigacijske oznake, obrisi ikon, ko je neaktivno - Cool Stone
#cccccc— Nadomestna besedila, onemogočena stanja in neaktivna ozadja ikon
Tipografija
od 11 do 16 slikovnih pik · 4 koraki
- GT Standard — zamenjava: Inter · obrisi 400 · Primarna pisava v vseh velikostih – tako za besedilo telesa kot za naslove. GTStandard-MRegular z velikostjo 16px/-0,031em je primarna pisava za besedilo telesa, gumbe in oznake. GTStandard-MSemibold z velikostjo 20px/-0,05em se uporablja za več velikih naslovov; GTStandard-MMedium z velikostjo 11–12px se uporablja za mikronapise. Vsaka različica pisave je prikazana z optično težo 400 – hierarhija pisav je dosežena s subtilnimi prelivi in gostim negativnim razmikom med črkami, namesto s krepkim kontrastom. To je značilen slog: Shop ne kriči s krepkimi pisavami, temveč oblikuje besedilo z razmikom med črkami.
- Shopify Sans — zamenjava: Inter · obrisi 400, 700 · Rezervirano za sporočila na ravni sistema, kot so pasice za nalaganje aplikacij in besedilo soglasja za piškotke.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 12px |
| Polmer gumba | 9999px |
| Polmer kartice | 28px |
| Sence | mehke sence |
| Med odseki | 64px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Shop in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Cursor — Prijetna pergamentna delavnica, osvetljena s tlečim žerjavom
- Slush — napihljivo vesolje nalepk na pastelnem papirju
- MindMarket — Prijetna pravljična knjiga na krem papirju - prijazno uredniško platno, kjer na soncu prepojeni, kot nalepke mehki površini sobivajo veliki naslovi Interja in izrezani papirnati liki.
- Airbnb — Mirna bela galerijska stena z enim samim koralno rdečim zaznamkom
- Superr — Topel šolski zvezek v mehki popoldanski svetlobi. Kremna stran, oranžen flomaster brez pokrovčka in kup plastificiranih nalepk z imeni, ki čakajo, da jih odlepijo.
- Apple (España) — Muzejska galerija, v mehki dnevni svetlobi, je en sam, očarljiv, breztežen bel prostor, kjer vsak eksponat osvetljuje reflektor na rahlo zatemnjeni steni.
- Lamborghini — Črna barva karoserije v razstavnem salonu, pod žarometi - en rumen avto
- Amplemarket — S soncem obsijano delovno mesto, posuto s konfeti
- Getharvest — Pisalna miza v zlati uri – toplo kremno platno, na platnu obešene bele razglednice in en sam svetlo oranžen plamen
- Agence Foudre — Naslovnica revije je nežno roza barve, ki spominja na šminko.
- Drive Capital — Retro plakat za potovanje z avtomobilom na toplem papirju
- Apple (España) — bela galerijska vitrina