Shop
Një konstelacion tregtar lundrues mbi mermer të bardhë
Dyqani online operon sipas një modeli "kanavacë e bardhë", me produkte të shfaqura si karta imazhi të mëdha, shumë të lakuara në vend të rrjetave të miniaturave. I gjithë ndërfaqja është tepër e qetë: rreze 20-28px në të gjithë ekranin, kontrolle në formë pilule dhe një trup kompakt GT Standard 16px me gjurmim të ngushtë negativ që e bën tekstin të qartë dhe të theksuar. Theksi i vetëm i theksuar i sistemit është një vjollcë e gjallë (#5433eb), e cila shfaqet në logo, fushën rrethore të rezultateve të kërkimit dhe si një hije e lyer në të njëjtin buton. Pjesa tjetër e paletës është neutrale e ngrohtë: sipërfaqe të bardha, një kanavacë gri e ftohtë delikate, kufij delikate dhe tekst pothuajse i zi. Dendësia mbetet kompakte me kanale 12px, por vijat e heroit dhe kategorisë marrin frymë falë një ritmi vertikal bujar prej 64-80px, duke e bërë përvojën e tregtisë të ndihet më shumë si shfletim sesa si një katalog.
Gjerësia maksimale është 1200px, e përqendruar në një kanavacë të tejdukshme #f2f4f5, me një shirit anësor të vazhdueshëm me gjerësi 64px në të majtë që përmban vetëm ikona navigimi. Elementi kryesor është një shirit me gjerësi të plotë, me karta produktesh të pozicionuara mbi një logo "dyqani" të purpurt në qendër, dhe një shirit kërkimi në formë pilule direkt poshtë tij. Pilulat e kategorive janë të rregulluara në një rresht të vetëm të qendruar poshtë shiritit të kërkimit. Seksionet e përmbajtjes (Gra, Burra, Bukuri, Shtëpi, Foshnje dhe Fëmijë) vijojnë si shirita të përcaktuar, secili që përmban një rrjetë me 4 kolona me imazhe produktesh ose një kompozim "elementi kryesor dhe rrjeti" me 2 kolona. Ritmi vertikal është bujar: 64–80px midis seksioneve kryesore. Fundi i faqes është një shirit i errët në fund të faqes me grupe lidhjesh në formë kolone. Shigjetat karusel në anën e djathtë të paneleve horizontale të produkteve tregojnë përmbajtje të lëvizshme pa pika faqosjeje.
Fotografia është elementi vizual mbizotërues: foto produktesh në ekran të plotë kundër një sfondi të bardhë, të prera 1:1, dhe imazhe të stilit të jetesës me tone të ngrohta tokësore (bezhë, terrakota, sherbelë, fildish). Imazhet e produkteve kanë ngjyrën e tyre - ndërfaqja e përdoruesit mbetet akromatike, duke lejuar që nuancat e produkteve të ofrojnë larmi vizuale. Logot e markave shfaqen si tekst mbivendosës në imazhet kryesore të errëta ose të çelëta, në vend të ikonave individuale. Në kompozimin kryesor, kartat e produkteve pozicionohen si një konstelacion lundrues, pak mbivendosës mbi markën fjalëkryq. Ikonat janë minimaliste dhe monokrome (konture të zeza), me përjashtim të ikonave të kategorisë, të cilat përdorin një ngjyrë të vetme marke. Nuk ka ilustrime, efekte 3D ose gradiente në imazhet e produkteve.
Paletë
Markë
- Shop Violet
#5433eb— Butoni i dërgimit, shenja e tekstit me pika dhe logoja e markës janë të vetmet thekse që nxjerrin në pah veprimin dhe individualitetin në sfondin e bardhë. - Violet Wash
#c0b5f3— Një aureolë e tejdukshme pas butonit të dërgimit vjollcë që ruan shkëlqimin e saj pa ndryshuar ngjyrën.
Neutral
- Canvas Mist
#f2f4f5— Sfondi i faqes dhe trajtimi shtesë sipërfaqësor pas kartave të ngritura. - Pure White
#ffffff— Sipërfaqja kryesore për kartat, fushat e të dhënave, shenjat lundruese dhe butonat në formë pilule. - Ink Black
#000000— Teksti kryesor, titujt, ikonat, simbolet e navigimit dhe kartat e produkteve në modalitetin e errët. - Faint Border
#ebebeb— Vija të holla ndarëse në karta, skica të fushave të futjes dhe korniza butonash në formë pilule. - Muted Gray
#787574— Teksti dytësor, etiketat e navigimit, konturet e ikonave kur janë joaktive - Cool Stone
#cccccc— Vendmbajtës, gjendje të çaktivizuara dhe sfonde ikonash joaktive
Tipografi
nga 11 në 16px · 4 hapa
- GT Standard — zëvendësim: Inter · skica 400 · Fonti kryesor në të gjitha madhësitë—si për tekstin e trupit ashtu edhe për titujt. GTStandard-MRegular në 16px/-0.031em është fonti kryesor për tekstin e trupit, butonat dhe etiketat. GTStandard-MSemibold në 20px/-0.05em përdoret për disa tituj të mëdhenj; GTStandard-MMedium në 11–12px përdoret për mikro-mbishkrime. Çdo variant i fontit shfaqet me një peshë optike prej 400—hierarkia e fontit arrihet përmes gradienteve delikate dhe hapësirës së dendur negative midis shkronjave, në vend të kontrastit të theksuar. Ky është një stil dallues: Shop nuk përdor fonte të theksuara, por përkundrazi i jep formë tekstit përmes hapësirës midis shkronjave.
- Shopify Sans — zëvendësim: Inter · skica 400, 700 · I rezervuar për mesazhe në nivel sistemi, të tilla si banderolat e ngarkimit të aplikacionit dhe teksti i pëlqimit për cookie-t.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | mesatare |
| Hapi bazë | 12px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 28px |
| Hijet | hije të buta |
| Midis seksioneve | 64px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Shop dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Cursor — Një punishte komode pergamene, e ndriçuar nga qymyr që digjen
- Slush — univers i fryrë me afishe në letër pastel
- MindMarket — Një libër përrallash komod në letër krem - një kanavacë editoriale miqësore ku tituj të mëdhenj të Interit dhe personazhe të prerë në letër bashkëjetojnë në një sipërfaqe të lagur nga dielli dhe të butë si ngjitëse.
- Airbnb — Një mur galerie i bardhë dhe i qetë me një faqeshënues të vetëm të kuq korali
- Superr — Një fletore e ngrohtë shkolle në dritën e butë të pasdites. Një faqe ngjyrë krem, një shënues portokalli pa kapak dhe një pirg me afishe emrash të laminuara që presin të hiqen.
- Apple (España) — Galeria e muzeut, në dritën e butë të ditës, është një hapësirë e vetme e bardhë, magjepsëse dhe pa peshë, me çdo ekspozitë të ndriçuar nga një reflektor kundër një muri të errët lehtë.
- Lamborghini — Ngjyra e zezë e karrocerisë në sallonin e ekspozitës, nën dritat e vëmendjes - një makinë e verdhë
- Amplemarket — Një vend pune i mbuluar nga dielli i mbushur me konfeti
- Getharvest — Një tavolinë në orën e artë – një kanavacë e ngrohtë krem, kartolina të bardha të varura në kanavacë dhe një flakë e vetme portokalli e ndritshme
- Agence Foudre — Faqja e kopertinës së revistës është një ngjyrë rozë e butë që të kujton buzëkuqin.
- Drive Capital — Poster udhëtimi rrugor retro në letër të ngrohtë
- Apple (España) — vitrinë e bardhë e galerisë