Shopify
Sèr minwi - Mak komèsyal yo fleri sou yon fon tyrkwa fon, eklere pa yon sèl etensèl mant.
Sistèm konsepsyon Shopify la se yon atelye minwi pou komès: yon twal prèske nwa ki gen yon koulè vèt tyrkwa fonse, yon polis sans-serif laj ki gen konfyans nan tèt li, ak yon sèl aksan mant vibran ki aktive moman entèaktif. Entèfas la sanble ak yon chanm nwa, kote pwodwi ak mak yo se sous limyè a—foto ak vitrin magazen yo klere sou sifas prèske nwa, pandan eleman chrome yo ap bese. Konpozan yo jewometrik men mou: kat ki gen yon reyon 12px ak fwontyè mens, bouton ki gen fòm grenn, ak yon polis 330 ki chuichui echèl olye de rèl. Yon sèl mak ponktiyasyon kromatik (#36f4a4) itilize ak modération sou lyen, etikèt, ak eta konsantrasyon, rezève koulè pou moman fonksyonèl pou asire istwa machann yo rete pwen fokal vizyèl la.
Lajè maksimòm nan se ~1280px, santre, ak blòk prezantasyon plen lajè ki depase veso foto a. Ritm paj la altène: (1) yon paj prezantasyon nwa plen lajè ak yon tit sipèpoze ak bouton apèl-a-aksyon, (2) seksyon nwa konfòtab ak tèks ak blòk imaj ki gen lajè maksimòm nan 2 kolòn oswa griy imaj nan 3 kolòn, (3) panno prezantasyon entèaktif (kat pwodwi, kalkilatris livrezon, kat jeyografik mondyal) ki parèt kòm kat an relief sou yon twal ki pi fon. Navigasyon an se yon ba fiks anlè ak logo a + 3 eleman navigasyon + lyen segondè + bouton prensipal apèl-a-aksyon an, tout aliyen adwat. Ritm vètikal la itilize espas 80px ant seksyon yo ak yon tranzisyon lis—pa gen divizyon ant seksyon nwa yo, sèlman yon chanjman nan ton sifas la.
Konsepsyon vizyèl la konsantre prensipalman sou détayan an: foto pwodwi an plen gwosè ak foto ki soti nan evènman mak yo pote pi gwo pati pwa vizyèl la, souvan sou fòm gwo background ak tèks blan ki sipèpoze. Imaj yo byen koupe, yo gen anpil kontras, epi yo gen yon karaktè fèstif (klòch Nasdaq la k ap sonnen, salitasyon gwoup, gros plan pwodwi nan men). Background nwa a kreye enpresyon ke foto sa yo eklere pa pwojektè. Ilistrasyon yo minimalist—prensipal travay eksplikasyon an fèt pa imaj pwodwi entegre ak kopi ekran vitrin magazen yo. Ikòn yo monokrom, ak yon lajè liy 1.5–2px, tipikman blan oswa #36f4a4 pou eta aktif yo.
Palèt
Mak
- Shopify Mint
#36f4a4— Endikatè navigasyon aktif yo, bag konsantrasyon yo, etikèt yo, ak etikèt ki make lè w ap plane sou lyen yo se sèl ekla kromatik ki kreye yon sansasyon entèaktivite aktive sou yon background nwa.
Netral
- Midnight Forest
#02090a— Kanva paj, imaj background antèt, imaj background seksyon - Deep Lichen
#061a1c— Sifas kat prensipal yo, panno an relief, blòk kontni yo. - Shaded Fern
#072720— Panèl navigasyon, kat adisyonèl, panèl la apèn leve. - Spruce Border
#1e2c31— Fwontyè mens pou kat, liy divizyon, kontou chan pou antre. - Abyss Indigo
#000a1e— Sifas adisyonèl pou entegre pwodwi/demonstrasyon, panno ak deskripsyon fonksyon yo. - Pure White
#ffffff— Tèks prensipal, ranpli bouton, tit, logo.
Tipografi
soti nan 12 pou rive nan 70px · 8 etap
- Neue Haas Grotesk — ranplasman: Inter · plan 330, 400, 500, 550, 600 · Sistèm tipografik prensipal la se tit ki gen yon epesè karaktè 70–96px (330–400) ki sibtil olye ke fò; tèks kò a ak yon epesè karaktè 16–18px (400–500); epi navigasyon ak koòdone itilizatè ak yon epesè karaktè 14–16px (500–550). Epesè karaktè ultra lejè 330 sou gwo ekran se yon karakteristik diferan: li transmèt konfyans atravè modération olye de ankonbran.
- Inter Variable — ranplasman: Inter · plan 400, 420, 450, 550 · Yon kalite font segondè yo itilize nan eleman koòdone navigasyon, ti nòt, kontwòl onglet, ak mikwotèks nan pye paj. Lèt miniskil li yo yon ti jan pi gwo ak espasman lèt ki pi estanda fè li pi lizib nan gwosè kontra enfòmèl ant yo. Li apwopriye tou pou sitiyasyon kote yon font pwa 420 ranpli espas ki genyen ant yon font regilye ak yon font gwosè mwayen.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 12px |
| Reyon bouton | 9999px |
| Reyon kat | 12px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 80px |
| Lajè paj la | 1280px |
IA ap bati sit entènèt ou a nan style Shopify epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Retool — Yon atelye obsidyèn cho - yon sifas pou zouti presizyon, limen pa chabon dife k ap fimen, kote tout bagay kreye.
- Elektron — Panèl kontwòl ekipman an nan minwi se yon twal prèske nwa, kote foto pwodwi yo klere pandan koòdone a rete pratikman envizib.
- REKKI — Panèl kontwòl vòl nan laboratwa foto a
- OFFFICE : — yon galeri nwa ki anglouti nan yon polis monolitik
- Clyde — Chanm ekspozisyon an, ak yon sèl spot li a, se yon galeri prèske fè nwa kote sèl koulè ki nan sal la se yon boul gradyan cho.
- Channel Studio — Yon laboratwa foto estidyo ak yon sèl abalaj koray
- Electronic Materials Office — Yon ti chabon klere nan yon galeri dekore ak chabon
- ORYZO AI — Yon redaksyon foto sou yon chanm nwa. Yon objè solitè k ap flote nan fènwa cho a, lèt krèm kòm sèl dekorasyon.
- Factory — Tèminal "sal lagè" a a minwi. "Faktori" a se yon panèl kontwòl nwa byen klè kote yon sèl kat blan ateri tankou yon mesaj ki limen ak yon flach—sèl objè ki nan sal la se travay la li menm.
- Hungry Tiger — Grafiti koulè timerik sou miray tandoor la. Yon palèt koulè lò ak mawon wouye inifye, ak yon karaktè tèlman gwo ke li sanble plis ak yon siy mache epis pase yon sit entènèt.
- Bibliothèque — Yon galeri nwa ki gen fòm kib anba yon pwojektè – yon plak limen poukont li nan yon gwo koulwa fènwa.
- Apple (España) — teyat nwa ak ekipman eklere