Shop
Ŝvebanta komerca konstelacio sur blanka marmoro
La reta vendejo funkcias laŭ modelo de "blanka kanvaso", kun produktoj montrataj kiel grandaj, forte kurbaj bildkartoj anstataŭ kradoj de bildetoj. La tuta interfaco estas nekredeble glata: radiusoj de 20-28 rastrumeroj tra la tuta ekrano, pilolformaj kontroloj, kaj kompakta 16 rastrumera GT Standard korpo kun densa negativa spurado, kiu igas tekston klara kaj aŭdaca. La sola aŭdaca akcento de la sistemo estas vigla purpuro (#5433eb), kiu aperas en la emblemo, la cirkla serĉrezulta kampo, kaj kiel nuancita ombro sur la sama butono. La resto de la paletro estas varma neŭtrala: blankaj surfacoj, subtila malvarma griza kanvaso, subtilaj randoj, kaj preskaŭ nigra teksto. La denseco restas kompakta kun 12 rastrumeraj defluiloj, sed la heroo- kaj kategoriostrioj spiras danke al malavara vertikala ritmo de 64-80 rastrumeroj, igante la komercan sperton senti pli kiel foliumado ol katalogo.
La maksimuma larĝo estas 1200 rastrumeroj, centritaj sur travidebla kanvaso #f2f4f5, kun konstanta flanka kolumno 64 rastrumeroj larĝa maldekstre enhavanta nur navigadajn ikonojn. La ĉefa elemento estas plenlarĝa strio, kun produktaj kartoj poziciigitaj super centrita purpura "butiko"-emblemo, kaj pilolforma serĉilo rekte sub ĝi. Kategoriaj piloloj estas aranĝitaj en ununura centrita vico sub la serĉilo. Enhavaj sekcioj (Virinoj, Viroj, Beleco, Hejmo, Bebo kaj Infanoj) sekvas kiel difinitaj strioj, ĉiu enhavanta 4-kolumnan kradon kun produktaj bildoj aŭ 2-kolumnan "ĉefa elemento kaj krado"-komponaĵon. La vertikala ritmo estas malavara: 64–80 rastrumeroj inter ĉefaj sekcioj. La piedlinio estas malhela strio ĉe la fundo de la paĝo kun kolumnformaj liggrupoj. Karuselaj sagoj dekstre de la horizontalaj produktaj paneloj indikas ruleblan enhavon sen paĝnotoj.
Fotografio estas la domina vida elemento: plenekranaj produktaj fotoj kontraŭ blanka fono, detranĉitaj 1:1, kaj vivstilbildoj kun varmaj teraj tonoj (beĝa, terakota, salvia, ebura). Produktaj bildoj havas sian propran koloron - la uzantinterfaco restas akromata, permesante al la produktaj nuancoj provizi vidan diversecon. Markemblemoj aperas kiel supermetita teksto sur malhelaj aŭ helaj ĉefaj bildoj, anstataŭ kiel individuaj ikonoj. En la ĉefa komponaĵo, produktaj kartoj estas poziciigitaj kiel ŝveba, iomete interkovranta konstelacio super la vortmarko. Ikonoj estas minimalistaj kaj monokromataj (nigraj konturoj), escepte de kategoriaj ikonoj, kiuj uzas unuecan markkoloron. Ne estas ilustraĵoj, 3D-efikoj aŭ gradientoj en produktaj bildoj.
Paletro
Marko
- Shop Violet
#5433eb— La sendi-butono, la punktita teksta marko kaj la marko-emblemo estas la solaj akcentoj, kiuj elstarigas la agon kaj individuecon sur la blanka fono. - Violet Wash
#c0b5f3— Travidebla aŭreolo malantaŭ la purpura sendobutono, kiu konservas sian brilon sen ŝanĝi nuancon.
Neŭtrala
- Canvas Mist
#f2f4f5— Paĝfono kaj plia surfactraktado malantaŭ reliefigitaj kartoj. - Pure White
#ffffff— La ĉefa surfaco por kartoj, enigaĵaj kampoj, ŝvebantaj signoj kaj pilolformaj butonoj. - Ink Black
#000000— Ĉefa teksto, titoloj, ikonoj, navigaciaj simboloj kaj produktaj kartoj en malhela reĝimo. - Faint Border
#ebebeb— Maldikaj dividlinioj sur kartoj, konturoj de enigaĵkampoj, kaj pilolformaj butonkadroj. - Muted Gray
#787574— Dua teksto, navigaciaj etikedoj, ikonaj konturoj kiam neaktiva - Cool Stone
#cccccc— Lokteniloj, malŝaltitaj statoj, kaj neaktivaj ikonaj fonoj
Tipografio
de 11 ĝis 16 rastrumeroj · 4 paŝoj
- GT Standard — anstataŭaĵo: Inter · konturoj 400 · La ĉefa tiparo por ĉiuj grandecoj — kaj por teksto kaj por titoloj. GTStandard-MRegular je 16px/-0.031em estas la ĉefa tiparo por teksto, butonoj kaj etikedoj. GTStandard-MSemibold je 20px/-0.05em estas uzata por pluraj grandaj titoloj; GTStandard-MMedium je 11–12px estas uzata por mikropriskriboj. Ĉiu tipara variaĵo estas montrata kun optika pezo de 400 — tipara hierarkio estas atingita per subtilaj gradientoj kaj densa negativa literinterspaco, anstataŭ grasa kontrasto. Ĉi tio estas karakteriza stilo: Shop ne kriegas per grasaj tiparoj, sed prefere formas la tekston per literinterspaco.
- Shopify Sans — anstataŭaĵo: Inter · konturoj 400, 700 · Rezervita por mesaĝoj je sistemnivelo kiel ekzemple standardoj pri aplikaĵa ŝarĝo kaj konsentteksto pri kuketoj.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 12px |
| Butona radiuso | 9999px |
| Karto-radiuso | 28px |
| Ombroj | molaj ombroj |
| Inter sekcioj | 64px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Shop kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Cursor — Agrabla pergamenlaborejo, lumigita per bruletantaj karboj
- Slush — plenblovebla universo de glumarkoj sur pastela papero
- MindMarket — Agrabla fabellibro sur kremkolora papero - amika redakcia kanvaso kie grandaj Inter-titoloj kaj eltonditaj paperaj roluloj kunekzistas sur sunbanita, glumark-mola surfaco.
- Airbnb — Trankvila blanka galerio-muro kun ununura koralruĝa legosigno
- Superr — Varma lerneja kajero en la mola posttagmeza lumo. Kremkolora paĝo, oranĝa markilo sen kovrilo, kaj stako da lamenigitaj nomglumarkoj atendantaj esti deŝiritaj.
- Apple (España) — La muzeogalerio, en mola taglumo, estas ununura, alloga, senpeza blanka spaco, kun ĉiu ekspoziciaĵo lumigita per lumĵetilo kontraŭ malpeze nuancigita muro.
- Lamborghini — Nigra karoseriokoloro en la ekspoziciejo, sub la spotlumoj - unu flava aŭto
- Amplemarket — Sunplena laborejo disŝutita per konfetoj
- Getharvest — Skribotablo je ora horo - varma kremkolora kanvaso, blankaj poŝtkartoj pendantaj sur la kanvaso, kaj ununura brile oranĝa flamo
- Agence Foudre — La titolpaĝo de la revuo estas mola rozkolora koloro rememoriga pri lipoŝminko.
- Drive Capital — Retroa vojaĝafiŝo sur varma papero
- Apple (España) — blanka galeria vitrino