Shop
Peldošs tirdzniecības zvaigznājs uz balta marmora
Tiešsaistes veikals darbojas pēc "balta audekla" modeļa, kur produkti tiek attēloti kā lielas, stipri izliektas attēlu kartītes, nevis sīktēlu režģi. Visa saskarne ir neticami gluda: 20–28 pikseļu rādiusi viscaur, tabletes formas vadības elementi un kompakts 16 pikseļu GT Standard korpuss ar stingru negatīvu izsekošanu, kas padara tekstu asu un treknu. Sistēmas vienīgais treknrakstā redzamais akcents ir spilgti violeta krāsa (#5433eb), kas parādās logotipā, apaļajā meklēšanas rezultātu laukā un kā ietonēta ēna uz tās pašas pogas. Pārējā palete ir silti neitrāla: baltas virsmas, smalks vēsi pelēks audekls, smalkas apmales un gandrīz melns teksts. Blīvums saglabājas kompakts ar 12 pikseļu iecirtumiem, bet varoņa un kategoriju svītras "elpo", pateicoties dāsnajam vertikālajam ritmam 64–80 pikseļi, padarot tirdzniecības pieredzi vairāk līdzīgu pārlūkošanai, nevis katalogam.
Maksimālais platums ir 1200 pikseļi, centrēts uz caurspīdīga #f2f4f5 audekla, ar nemainīgu 64 pikseļu platu sānu joslu kreisajā pusē, kurā ir tikai navigācijas ikonas. Galvenais elements ir pilna platuma josla, kurā virs centrēta violeta "veikala" logotipa ir novietotas produktu kartītes, bet tieši zem tā ir tabletes formas meklēšanas josla. Kategoriju tabletes ir izvietotas vienā centrētā rindā zem meklēšanas joslas. Satura sadaļas (Sievietes, Vīrieši, Skaistumkopšana, Mājas preces, Mazuļi un bērni) seko kā noteiktas joslas, katrā no kurām ir 4 kolonnu režģis ar produktu attēliem vai 2 kolonnu "galvenais elements un režģis" kompozīcija. Vertikālais ritms ir dāsns: 64–80 pikseļi starp galvenajām sadaļām. Kājene ir tumša josla lapas apakšdaļā ar kolonnu formas saišu grupām. Karuseļa bultiņas horizontālo produktu paneļu labajā pusē norāda ritināmu saturu bez lappušu punktiem.
Dominējošais vizuālais elements ir fotogrāfija: pilnekrāna produktu fotoattēli uz balta fona, apgriezti proporcijā 1:1, un dzīvesstila attēli ar siltiem zemes toņiem (bēša, terakota, salvijas, ziloņkaula). Produktu attēliem ir sava krāsa — lietotāja saskarne paliek ahromatiska, ļaujot produktu toņiem nodrošināt vizuālu daudzveidību. Zīmolu logotipi parādās kā pārklājošs teksts uz tumšiem vai gaišiem galvenajiem attēliem, nevis kā atsevišķas ikonas. Galvenajā kompozīcijā produktu kartītes ir novietotas kā peldošs, nedaudz pārklājošs zvaigznājs virs vārda zīmes. Ikonas ir minimālistiskas un vienkrāsainas (melnas kontūras), izņemot kategoriju ikonas, kurām izmantota viena zīmola krāsa. Produktu attēlos nav ilustrāciju, 3D efektu vai gradientu.
Palete
Zīmols
- Shop Violet
#5433eb— Sūtīšanas poga, punktētā teksta atzīme un zīmola logotips ir vienīgie akcenti, kas uz baltā fona izceļ darbību un individualitāti. - Violet Wash
#c0b5f3— Caurspīdīgs oreols aiz violetās sūtīšanas pogas, kas saglabā savu mirdzumu, nemainot nokrāsu.
Neitrāls
- Canvas Mist
#f2f4f5— Lapas fons un papildu virsmas apstrāde aiz reljefām kartītēm. - Pure White
#ffffff— Galvenā virsma kartēm, ievades laukiem, peldošām zīmēm un tabletes formas pogām. - Ink Black
#000000— Galvenais teksts, virsraksti, ikonas, navigācijas simboli un produktu kartītes tumšajā režīmā. - Faint Border
#ebebeb— Plānas dalāmās līnijas uz kartītēm, ievades lauku kontūras un tabletes formas pogu rāmji. - Muted Gray
#787574— Sekundārais teksts, navigācijas etiķetes, ikonu kontūras, kad tās ir neaktīvas - Cool Stone
#cccccc— Vietturi, atspējoti stāvokļi un neaktīvu ikonu foni
Tipogrāfija
no 11 līdz 16 pikseļiem · 4 soļi
- GT Standard — nomaiņa: Inter · kontūras 400 · Primārais fonts visos izmēros — gan pamattekstam, gan virsrakstiem. GTStandard-MRegular ar izmēru 16 px/-0,031 em ir primārais fonts pamattekstam, pogām un etiķetēm. GTStandard-MSemibold ar izmēru 20 px/-0,05 em tiek izmantots vairākiem lieliem virsrakstiem; GTStandard-MMedium ar izmēru 11–12 px tiek izmantots mikroparakstiem. Katrs fonta variants tiek attēlots ar optisko svaru 400 — fontu hierarhija tiek panākta, izmantojot smalkus gradientus un blīvu negatīvu burtu atstarpi, nevis treknraksta kontrastu. Šis ir raksturīgs stils: Shop neuzbāzīgi izmanto treknraksta fontus, bet gan veido tekstu, izmantojot burtu atstarpes.
- Shopify Sans — nomaiņa: Inter · kontūras 400, 700 · Rezervēts sistēmas līmeņa ziņojumiem, piemēram, lietotņu ielādes reklāmkarogiem un sīkfailu piekrišanas tekstam.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 12px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 28px |
| Ēnas | mīkstas ēnas |
| Starp sekcijām | 64px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Shop stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Cursor — Mājīga pergamenta darbnīca, ko apgaismo kvēlojošas ogles
- Slush — piepūšamā uzlīmju visums uz pasteļpapīra
- MindMarket — Mājīga pasaku grāmata uz krēmkrāsas papīra — draudzīgs redakcionāls audekls, kur uz saulē pielietas, uzlīmēm līdzīgas mīkstas virsmas sadzīvo lieli Inter virsraksti un izgriezti papīra tēli.
- Airbnb — Klusa balta galerijas siena ar vienu koraļļsarkanu grāmatzīmi
- Superr — Silta skolas klade maigā pēcpusdienas gaismā. Krēmkrāsas lapa, oranžs marķieris bez vāciņa un kaudzīte laminētu vārdu uzlīmju, kas gaida, kad tās tiks noņemtas.
- Apple (España) — Muzeja galerija maigā dienasgaismā ir vienota, valdzinoša, bezsvara balta telpa, kur katru eksponātu apgaismo prožektors uz viegli tonētas sienas.
- Lamborghini — Melna virsbūves krāsa salonā, prožektoru gaismā - viena dzeltena automašīna
- Amplemarket — Saules apspīdēta darba vieta, kas nokaisīta ar konfeti
- Getharvest — Rakstāmgalds zeltainā stundā – silts krēmkrāsas audekls, uz audekla karājas baltas pastkartes un viena spilgti oranža liesma
- Agence Foudre — Žurnāla vāka lapa ir maigi rozā krāsā, kas atgādina lūpu krāsu.
- Drive Capital — Retro ceļojuma plakāts uz silta papīra
- Apple (España) — balta galerijas vitrīna