Shop
Fljótandi viðskiptastjörnumerki á hvítum marmara
Netverslunin starfar eftir „hvítum striga“ líkani þar sem vörurnar eru birtar sem stór, mjög bogadregin myndspjöld frekar en rist af smámyndum. Allt viðmótið er ótrúlega slétt: 20-28px radíus út um allt, pillulaga stjórntæki og nett 16px GT Standard búk með þéttri neikvæðri mælingu sem gerir textann skýran og feitletraðan. Eini feitletrandi hlekkurinn í kerfinu er skærfjólublár (#5433eb), sem birtist í merkinu, hringlaga leitarniðurstöðureitnum og sem litaður skuggi á sama hnappi. Restin af litapallettu er hlýr og hlutlaus: hvítir fletir, fínlegur kaldur grár strigi, fínlegir rammar og nærri svartur texti. Þéttleikinn helst þéttur með 12px röndum, en hetju- og flokksröndin anda þökk sé rausnarlegum lóðréttum takti upp á 64-80px, sem gerir viðskiptaupplifunina meira eins og að skoða síður en að skoða vörulista.
Hámarksbreidd er 1200px, miðjað á gegnsæju #f2f4f5 striga, með varanlegri 64px breiðri hliðarstiku vinstra megin sem inniheldur aðeins flakktákn. Aðalþátturinn er ræma í fullri breidd, með vörukortum staðsettum fyrir ofan miðjuð fjólublátt „verslunar“ merki og pillulaga leitarstiku beint fyrir neðan hana. Flokkapillur eru raðaðar í eina miðjaða röð fyrir neðan leitarstikuna. Efnishlutar (Konur, Karlar, Fegurð, Heimili, Ungbörn og Börn) fylgja sem tilgreindar ræmur, hver með 4 dálka rist með vörumyndum eða 2 dálka „aðalþáttur og rist“ samsetningu. Lóðrétt takturinn er rausnarlegur: 64–80px milli aðalhluta. Síðufóturinn er dökk ræma neðst á síðunni með dálkalaga tenglahópum. Örvar á hægri hlið láréttu vöruspjaldanna gefa til kynna skrunanlegt efni án síðuskipta.
Ljósmyndun er ríkjandi sjónrænt þáttur: vörumyndir í fullri skjástærð á hvítum bakgrunni, klipptar 1:1 og lífsstílsmyndir með hlýjum jarðlitum (beige, terrakotta, salvía, fílabein). Vörumyndir hafa sinn eigin lit — notendaviðmótið er enn akrómatískt, sem gerir vörulitunum kleift að veita sjónræna fjölbreytni. Vörumerkjalógó birtast sem yfirlagður texti ofan á dökkar eða ljósar aðalmyndir, frekar en sem einstakar táknmyndir. Í aðalsamsetningunni eru vörukort staðsett sem fljótandi, örlítið skarast stjörnumerki fyrir ofan orðamerkið. Táknmyndir eru lágmarks- og einlita (svartar útlínur), fyrir utan flokkatákn, sem nota einn vörumerkjalit. Það eru engar myndir, þrívíddaráhrif eða litbrigði í vörumyndum.
Litatöflu
Vörumerki
- Shop Violet
#5433eb— Sendahnappurinn, punktamerkið og vörumerkið eru einu áherslurnar sem undirstrika aðgerðina og einstaklingshyggjuna á hvítum bakgrunni. - Violet Wash
#c0b5f3— Gegnsætt geislabaug á bak við fjólubláa sendahnappinn sem viðheldur ljóma sínum án þess að breyta litbrigði.
Hlutlaus
- Canvas Mist
#f2f4f5— Bakgrunnur síðu og viðbótar yfirborðsmeðhöndlun á bak við upphleypt kort. - Pure White
#ffffff— Aðalflötur fyrir kort, innsláttarreiti, fljótandi skilti og pillulaga hnappa. - Ink Black
#000000— Aðaltexti, fyrirsagnir, tákn, leiðsögutákn og vörukort í dökkri stillingu. - Faint Border
#ebebeb— Þunnar skiptingarlínur á kortum, útlínur innsláttarreita og pillulaga hnapparammar. - Muted Gray
#787574— Aukatexti, flakkmerki, útlínur tákna þegar óvirkt - Cool Stone
#cccccc— Staðgenglar, óvirk stöður og bakgrunnur óvirkra tákna
Leturfræði
frá 11 til 16px · 4 skref
- GT Standard — skipti: Inter · útlínur 400 · Aðal leturgerðin er notuð í öllum stærðum — bæði fyrir megintexta og fyrirsagnir. GTStandard-MRegular við 16px/-0.031em er aðal leturgerðin fyrir megintexta, hnappa og merkimiða. GTStandard-MSemibold við 20px/-0.05em er notuð fyrir nokkrar stórar fyrirsagnir; GTStandard-MMedium við 11–12px er notað fyrir örtexta. Hver leturgerð er birt með sjónrænum þyngd 400 — leturstigveldi er náð með lúmskum litbrigðum og þéttu neikvæðu bili milli stafa, frekar en feitletraðri birtingarmynd. Þetta er einkennisstíll: Verslunin hrópar ekki með feitletruðum leturgerðum, heldur mótar textann með bili milli stafa.
- Shopify Sans — skipti: Inter · útlínur 400, 700 · Frátekið fyrir skilaboð á kerfisstigi eins og borða um hleðslu forrita og samþykkistexta fyrir vafrakökur.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 12px |
| Hnapparadíus | 9999px |
| Radíus korts | 28px |
| Skuggar | mjúkir skuggar |
| Milli hluta | 64px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Shop og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Cursor — Notaleg verkstæði úr pergamenti, upplýst af glóandi kolum
- Slush — Uppblásinn alheimur límmiða á pastelpappír
- MindMarket — Notaleg ævintýrabók á rjómalituðum pappír - vinalegt ritstjórnarefni þar sem stórar fyrirsagnir frá Inter og útklipptar pappírspersónur búa saman á sólríkum, mjúkum yfirborði.
- Airbnb — Rólegur hvítur galleríveggur með einum kóralrauðum bókamerki
- Superr — Hlý skólabók í mjúku síðdegisbirtu. Kremlitað blað, appelsínugulur tússpenni án loks og stafli af plasthúðuðum nafnlímmiðum sem bíða eftir að vera afhýddir.
- Apple (España) — Safnsýningarsalurinn, í mjúkri dagsbirtu, er eitt, heillandi, þyngdarlaust hvítt rými, þar sem hver sýning er upplýst með kastljósi á móti ljóslituðum vegg.
- Lamborghini — Svartur bíll í sýningarsalnum, undir kastljósum - einn gulur bíll
- Amplemarket — Sólríkur vinnustaður stráður konfettíi
- Getharvest — Skrifborð á gullnu stundu – hlýr rjómalitur strigi, hvít póstkort hengd á strigann og einn skær appelsínugulur logi
- Agence Foudre — Forsíða tímaritsins er í mjúkbleikum lit sem minnir á varalit.
- Drive Capital — Retro bílferðaplakat á hlýjum pappír
- Apple (España) — hvítt gallerísýningarskápur