Shop
Kundi la nyota linaloelea la biashara kwenye marumaru nyeupe
Duka la mtandaoni linafanya kazi kwa kutumia mfumo wa "turubai nyeupe", huku bidhaa zikionyeshwa kama kadi kubwa za picha zilizopinda sana badala ya gridi za vijipicha. Kiolesura kizima ni laini sana: radii ya pikseli 20-28 kote, vidhibiti vyenye umbo la kidonge, na mwili mdogo wa GT Standard wa pikseli 16 wenye ufuatiliaji hasi mkali unaofanya maandishi kuwa laini na ya ujasiri. Lafudhi pekee ya ujasiri ya mfumo ni zambarau inayong'aa (#5433eb), ambayo inaonekana kwenye nembo, sehemu ya matokeo ya utafutaji ya duara, na kama kivuli chenye rangi kwenye kitufe hicho hicho. Sehemu iliyobaki ya rangi ni ya joto isiyo na upande wowote: nyuso nyeupe, turubai ya kijivu baridi, mipaka midogo, na maandishi karibu nyeusi. Msongamano unabaki mdogo na mifereji ya pikseli 12, lakini milia ya shujaa na kategoria hupumua kutokana na mdundo mkubwa wa wima wa pikseli 64-80, na kufanya uzoefu wa biashara uhisi kama kuvinjari kuliko orodha.
Upana wa juu zaidi ni pikseli 1200, katikati ya turubai inayong'aa #f2f4f5, ikiwa na upau wa pembeni unaoendelea wa pikseli 64 upande wa kushoto ukiwa na aikoni za kusogeza pekee. Kipengele kikuu ni upau wa upana kamili, ukiwa na kadi za bidhaa zilizowekwa juu ya nembo ya "duka" ya zambarau katikati, na upau wa utafutaji wenye umbo la kidonge chini yake. Vidonge vya kategoria vimepangwa katika safu moja katikati chini ya upau wa utafutaji. Sehemu za maudhui (Wanawake, Wanaume, Urembo, Nyumbani, Mtoto na Watoto) hufuata kama vijiti vilivyoteuliwa, kila kimoja kikiwa na gridi ya safu wima 4 yenye picha za bidhaa au muundo wa "kipengele kikuu na gridi" wa safu wima 2. Mdundo wa wima ni mkubwa: pikseli 64–80 kati ya sehemu kuu. Kijachini ni upau mweusi chini ya ukurasa wenye vikundi vya viungo vyenye umbo la safu wima. Mishale ya jukwa upande wa kulia wa paneli za bidhaa zenye mlalo inaonyesha maudhui yanayoweza kusongeshwa bila sehemu za kurasa.
Upigaji picha ndio kipengele kikuu cha kuona: picha za bidhaa za skrini nzima dhidi ya mandhari nyeupe, zilizopunguzwa 1:1, na picha za mtindo wa maisha zenye rangi ya udongo yenye joto (beige, terracotta, sage, pembe za ndovu). Picha za bidhaa zina rangi yake mwenyewe—kiolesura cha mtumiaji kinabaki kisicho na mwonekano, na kuruhusu vivuli vya bidhaa kutoa aina mbalimbali za kuona. Nembo za chapa huonekana kama maandishi yaliyofunikwa kwenye picha kuu nyeusi au nyepesi, badala ya aikoni za kibinafsi. Katika muundo mkuu, kadi za bidhaa huwekwa kama kundi la nyota linaloelea, linaloingiliana kidogo juu ya alama ya neno. Aikoni ni ndogo na monochrome (michoro nyeusi), isipokuwa aikoni za kategoria, ambazo hutumia rangi moja ya chapa. Hakuna vielelezo, athari za 3D, au miteremko katika picha za bidhaa.
Paleti
Chapa
- Shop Violet
#5433eb— Kitufe cha kutuma, alama ya maandishi yenye nukta, na nembo ya chapa ndizo lafudhi pekee zinazoangazia kitendo na upekee kwenye mandhari nyeupe. - Violet Wash
#c0b5f3— Nuru inayong'aa nyuma ya kitufe cha kutuma cha zambarau kinachodumisha mng'ao wake bila kubadilisha rangi.
Isiyoegemea upande wowote
- Canvas Mist
#f2f4f5— Mandharinyuma ya ukurasa na matibabu ya ziada ya uso nyuma ya kadi zilizoinuliwa. - Pure White
#ffffff— Sehemu kuu ya kadi, sehemu za kuingiza data, ishara zinazoelea na vifungo vyenye umbo la kidonge. - Ink Black
#000000— Maandishi makuu, vichwa vya habari, aikoni, alama za urambazaji, na kadi za bidhaa katika hali nyeusi. - Faint Border
#ebebeb— Mistari nyembamba ya kugawanya kwenye kadi, mihtasari ya sehemu ya kuingiza, na fremu za vitufe zenye umbo la kidonge. - Muted Gray
#787574— Maandishi ya pili, lebo za urambazaji, mihtasari ya aikoni wakati haijatumika - Cool Stone
#cccccc— Vishikilia nafasi, hali zilizozimwa, na mandharinyuma ya aikoni isiyotumika
Uchapaji
kutoka pikseli 11 hadi 16 · hatua 4
- GT Standard — mbadala: Inter · mihtasari 400 · Fonti kuu katika ukubwa wote—kwa maandishi ya mwili na vichwa vya habari. GTStandard-MRegular katika 16px/-0.031em ndiyo fonti kuu kwa maandishi ya mwili, vitufe, na lebo. GTStandard-MSibold katika 20px/-0.05em inatumika kwa vichwa kadhaa vikubwa; GTStandard-MMedium katika 11–12px inatumika kwa vichwa vidogo. Kila aina ya fonti inaonyeshwa kwa uzito wa macho wa 400—uongozi wa fonti hupatikana kupitia gradient ndogo na nafasi nene ya herufi hasi, badala ya utofautishaji wa herufi nzito. Huu ni mtindo wa sahihi: Duka halipigi kelele kwa fonti nzito, bali hutengeneza maandishi kupitia nafasi ya herufi.
- Shopify Sans — mbadala: Inter · mihtasari 400, 700 · Imehifadhiwa kwa ajili ya jumbe za kiwango cha mfumo kama vile mabango ya kupakia programu na maandishi ya idhini ya vidakuzi.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wastani |
| Hatua ya msingi | 12px |
| Kipenyo cha kitufe | 9999px |
| Redi ya kadi | 28px |
| Vivuli | vivuli laini |
| Kati ya sehemu | 64px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Shop na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Cursor — Karakana ya ngozi yenye kupendeza, inayowashwa na makaa ya moto yanayofuka
- Slush — ulimwengu unaoweza kupumuliwa wa vibandiko kwenye karatasi ya rangi ya pastel
- MindMarket — Kitabu kizuri cha hadithi za kichawi kwenye karatasi ya krimu - turubai ya uhariri rafiki ambapo vichwa vikubwa vya habari vya Inter na wahusika wa karatasi zilizokatwa huishi pamoja kwenye uso laini na wenye vibandiko unaochomwa na jua.
- Airbnb — Ukuta mweupe tulivu wa ghala lenye alama moja nyekundu ya matumbawe
- Superr — Daftari la shule lenye joto katika mwanga laini wa alasiri. Ukurasa wenye rangi ya krimu, alama ya chungwa bila kofia, na rundo la vibandiko vya majina vilivyopakwa rangi ya laminated vinavyosubiri kung'olewa.
- Apple (España) — Jumba la makumbusho, katika mwanga wa mchana mwepesi, ni nafasi moja nyeupe, ya kuvutia, isiyo na uzito, huku kila onyesho likiwa limeangaziwa na mwangaza dhidi ya ukuta wenye rangi kidogo.
- Lamborghini — Rangi nyeusi ya mwili kwenye chumba cha maonyesho, chini ya taa za taa - gari moja la njano
- Amplemarket — Sehemu ya kazi iliyojaa jua iliyojaa confetti
- Getharvest — Dawati la saa ya dhahabu - turubai ya krimu yenye joto, kadi nyeupe za posta zilizoning'inizwa kwenye turubai, na mwali mmoja wa rangi ya chungwa angavu
- Agence Foudre — Ukurasa wa jalada wa jarida hilo una rangi laini ya waridi inayokumbusha rangi ya midomo.
- Drive Capital — Bango la safari ya barabarani la Retro kwenye karatasi ya joto
- Apple (España) — kisanduku cheupe cha kuonyesha ghala