Shop
Merkataritza-konstelazio flotatzaile bat marmol zuriaren gainean
Online dendak "mihise zuri" ereduan funtzionatzen du, produktuak irudi-txartel handi eta kurbatu gisa bistaratzen dira, miniatura-sareen ordez. Interfaze osoa izugarri leuna da: 20-28px-ko erradioak, pilula itxurako kontrolak eta 16px-ko GT Standard gorputz trinkoa, jarraipen negatibo estuarekin, testua garbi eta lodi bihurtzen duena. Sistemaren azentu lodi bakarra more bizia da (#5433eb), logotipoan, bilaketa-emaitzen eremu zirkularrean eta botoi berean itzal tindatu gisa agertzen dena. Paletaren gainerakoa neutro epela da: gainazal zuriak, mihise gris hotz sotila, ertz sotilak eta testu ia beltza. Dentsitatea trinkoa izaten jarraitzen du 12px-ko marjinekin, baina heroi eta kategoria marrek arnasa hartzen dute 64-80px-ko erritmo bertikal eskuzabal bati esker, merkataritza-esperientzia katalogo bat baino arakatzearen antzekoagoa bihurtuz.
Gehienezko zabalera 1200px-koa da, #f2f4f5 mihise zeharrargi batean zentratuta, ezkerrean 64px-ko zabalerako alboko barra iraunkor batekin, nabigazio ikonoak soilik dituena. Elementu nagusia zabalera osoko zerrenda bat da, produktu txartelak erdian "denda" logotipo more baten gainean kokatuta, eta pilula itxurako bilaketa barra bat azpian. Kategoria pilulak bilaketa barraren azpian erdian dauden errenkada bakarrean daude antolatuta. Eduki atalak (Emakumeak, Gizonak, Edertasuna, Etxea, Haurra eta Haurrak) zerrenda izendatu gisa datoz, bakoitzak 4 zutabeko sareta bat duela produktuen irudiekin edo 2 zutabeko "elementu nagusia eta sareta" konposizio batekin. Erritmo bertikala eskuzabala da: 64–80px atal nagusien artean. Oina orriaren behealdean dagoen zerrenda ilun bat da, zutabe itxurako esteka taldeekin. Produktu panel horizontalen eskuinaldean dauden karrusel geziek orrialde-punturik gabeko eduki korrigarria adierazten dute.
Argazkilaritza da elementu bisual nagusia: pantaila osoko produktuen argazkiak atzealde zuri baten aurrean, 1:1eko eskalan moztuak, eta lur-tonu beroekin (beixa, terrakota, salbia, bolia) egindako bizimodu-irudiak. Produktuen irudiek beren kolorea dute: erabiltzaile-interfazea akromatikoa izaten jarraitzen du, produktuaren tonuek barietate bisuala eskaintzeko aukera emanez. Marken logotipoak irudi nagusi ilun edo argien gainean gainjarritako testu gisa agertzen dira, ikono indibidual gisa baino. Konposizio nagusian, produktuen txartelak hitz-marka gainean flotatzen duen konstelazio gisa kokatzen dira, zertxobait gainjarrita. Ikonoak minimalistak eta monokromoak dira (eskema beltzak), kategoria-ikonoak izan ezik, marka-kolore bakarra erabiltzen baitute. Ez dago ilustraziorik, 3D efekturik edo gradienterik produktuen irudietan.
Paleta
Marka
- Shop Violet
#5433eb— Bidaltzeko botoia, puntuz markatutako testua eta markaren logotipoa dira atzealde zuriaren gaineko ekintza eta indibidualtasuna nabarmentzen dituzten azentu bakarrak. - Violet Wash
#c0b5f3— Bidaltzeko botoi morearen atzean dagoen halo zeharrargi bat, kolorea aldatu gabe distira mantentzen duena.
Neutroa
- Canvas Mist
#f2f4f5— Orriaren atzeko planoa eta erliebedun txartelen atzean dagoen gainazaleko tratamendu gehigarria. - Pure White
#ffffff— Txarteletarako, sarrera-eremuetarako, zeinu flotagarrietarako eta pilula-formako botoietarako gainazal nagusia. - Ink Black
#000000— Testu nagusia, goiburuak, ikonoak, nabigazio-sinboloak eta produktu-txartelak modu ilunean. - Faint Border
#ebebeb— Txarteletan, sarrera-eremuen eskemetan eta pilula-formako botoien markoetan banatze-lerro meheak. - Muted Gray
#787574— Bigarren mailako testua, nabigazio etiketak, ikonoen eskemak aktibo ez daudenean - Cool Stone
#cccccc— Leku-markatzaileak, desgaitutako egoerak eta ikono inaktiboen atzeko planoak
Tipografia
11tik 16px-ra · 4 urrats
- GT Standard — ordezkapena: Inter · eskemak 400 · Tamaina guztietako letra-tipo nagusia —bai testuaren gorputzerako bai goiburuetarako—. GTStandard-MRegular 16px/-0.031em-ko tamainan erabiltzen da testuaren, botoien eta etiketen letra-tipo nagusia. GTStandard-MSemibold 20px/-0.05em-ko tamainan erabiltzen da hainbat goiburu handitarako; GTStandard-MMedium 11–12px-ko tamainan mikroazpitituluetarako erabiltzen da. Letra-tipo aldaera bakoitza 400eko pisu optikoarekin bistaratzen da; letra-tipoen hierarkia gradiente sotilen eta letra-tarte negatibo trinkoaren bidez lortzen da, kontraste lodiaren ordez. Estilo bereizgarria da hau: Shop-ek ez du letra-tipo lodiekin oihu egiten, baizik eta testua letren arteko tartearen bidez moldatzen du.
- Shopify Sans — ordezkapena: Inter · eskemak 400, 700 · Sistema-mailako mezuetarako gordeta, hala nola aplikazioen kargatzeko banderolak eta cookien baimen-testua.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 12px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 28px |
| Itzalak | itzal leunak |
| Atalen artean | 64px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Shop estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Cursor — Pergamino tailer eroso bat, ikatz ketsuek argiztatuta
- Slush — pastel paperean pegatina puzgarrien unibertsoa
- MindMarket — Krema koloreko paperean idatzitako ipuin-liburu erosoa - mihise editorial atsegina, non Inter aldizkariko izenburu handiak eta moztutako paper-pertsonaiak eguzkiz blaitutako gainazal leun eta itsasgarri batean bizi diren.
- Airbnb — Galeria-horma zuri lasai bat, koral gorrizko laster-marka bakarrarekin
- Superr — Eskolako koaderno epel bat arratsaldeko argi leunean. Krema koloreko orrialde bat, estalkirik gabeko errotulagailu laranja bat eta izen-pegatina laminatu pila bat kentzeko zain.
- Apple (España) — Museoaren galeria, egunez argi leunean, espazio zuri bakarra, liluragarria eta pisurik gabekoa da, erakusketa bakoitza horma arin tindatu baten kontrako foku batek argiztatuta duela.
- Lamborghini — Karrozeria beltza erakusleihoan, fokuen azpian - auto hori bat
- Amplemarket — Eguzkiz blaitutako lantokia konfetiz beteta
- Getharvest — Urrezko orduko mahaia – krema koloreko mihise epela, mihise gainean zintzilik dauden postal zuriak eta laranja koloreko sugar distiratsu bakarra
- Agence Foudre — Aldizkariaren azala arrosa leuneko kolorekoa da, ezpainetakoa gogorarazten duena.
- Drive Capital — Errepideko bidaia retroaren posterra paper epelean
- Apple (España) — galeria zuriaren erakusleihoa