Shop
Kostellazzjoni kummerċjali f'wiċċ l-ilma fuq irħam abjad
Il-ħanut online jopera fuq mudell ta’ “kanvas abjad”, bil-prodotti murija bħala karti ta’ immaġni kbar u mgħawġa ħafna minflok grilji ta’ thumbnails. L-interfaċċja kollha hija inkredibilment bla xkiel: raġġi ta’ 20-28px madwarha kollha, kontrolli f’forma ta’ pillola, u korp kompatt GT Standard ta’ 16px b’traċċar negattiv strett li jagħmel it-test ċar u qawwi. L-uniku aċċent qawwi tas-sistema huwa vjola vibranti (#5433eb), li jidher fil-logo, fil-qasam ċirkolari tar-riżultati tat-tfittxija, u bħala dell ikkulurit fuq l-istess buttuna. Il-bqija tal-paletta hija newtrali sħuna: uċuħ bojod, kanvas griż frisk sottili, borduri sottili, u test kważi iswed. Id-densità tibqa’ kompatta b’kanali ta’ 12px, iżda l-istrixxi tal-eroj u tal-kategorija jieħdu n-nifs grazzi għal ritmu vertikali ġeneruż ta’ 64-80px, li jagħmel l-esperjenza tal-kummerċ tħossha aktar bħal browsing milli katalogu.
Il-wisa' massima hija ta' 1200px, iċċentrata fuq kanvas trasluċidu #f2f4f5, b'sidebar persistenti b'wisa' ta' 64px fuq ix-xellug li fiha biss ikoni ta' navigazzjoni. L-element prinċipali huwa strixxa b'wisa' sħiħa, b'karti tal-prodott pożizzjonati 'l fuq minn logo vjola ta' "ħanut" iċċentrat, u bar tat-tiftix forma ta' pillola direttament taħtu. Il-pilloli tal-kategorija huma rranġati f'ringiela waħda ċċentrata taħt il-bar tat-tiftix. It-taqsimiet tal-kontenut (Nisa, Irġiel, Sbuħija, Dar, Tarbija u Tfal) isegwu bħala strixxi magħżula, kull waħda fiha grilja ta' 4 kolonni b'immaġnijiet tal-prodott jew kompożizzjoni ta' "element prinċipali u grilja" ta' 2 kolonni. Ir-ritmu vertikali huwa ġeneruż: 64–80px bejn it-taqsimiet prinċipali. Il-footer huwa strixxa skura fil-qiegħ tal-paġna bi gruppi ta' links forma ta' kolonna. Vleġeġ tal-karużell fuq in-naħa tal-lemin tal-pannelli orizzontali tal-prodott jindikaw kontenut li jista' jiġi skrolljat mingħajr punti ta' paġinazzjoni.
Il-fotografija hija l-element viżwali dominanti: ritratti tal-prodotti full-screen fuq sfond abjad, maqtugħin 1:1, u stampi tal-istil tal-ħajja b'toni sħan tad-dinja (beige, terracotta, salvja, avorju). L-istampi tal-prodotti għandhom il-kulur tagħhom stess—l-interfaċċja tal-utent tibqa' akromatika, li tippermetti li d-dellijiet tal-prodott jipprovdu varjetà viżwali. Il-logos tal-marka jidhru bħala test sovrappost fuq stampi ewlenin skuri jew ċari, aktar milli bħala ikoni individwali. Fil-kompożizzjoni prinċipali, il-karti tal-prodott huma pożizzjonati bħala kostellazzjoni f'wiċċ l-ilma, kemxejn sovrapposta 'l fuq mill-marka tal-kelma. L-ikoni huma minimalisti u monokromi (kontorni suwed), bl-eċċezzjoni tal-ikoni tal-kategorija, li jużaw kulur wieħed tal-marka. M'hemm l-ebda illustrazzjonijiet, effetti 3D, jew gradjenti fl-istampi tal-prodott.
Paletta
Marka
- Shop Violet
#5433eb— Il-buttuna tal-ibgħat, il-marka tat-test bit-tikek, u l-logo tal-marka huma l-uniċi aċċenti li jenfasizzaw l-azzjoni u l-individwalità fuq l-isfond abjad. - Violet Wash
#c0b5f3— Halo trasluċidu wara l-buttuna vjola tal-ibgħat li jżomm id-dija tiegħu mingħajr ma jibdel il-lewn.
Newtrali
- Canvas Mist
#f2f4f5— Sfond tal-paġna u trattament addizzjonali tal-wiċċ wara karti mqajma. - Pure White
#ffffff— Il-wiċċ prinċipali għall-karti, l-oqsma tad-dħul, is-sinjali f'wiċċ l-ilma u l-buttuni f'forma ta' pillola. - Ink Black
#000000— Test prinċipali, intestaturi, ikoni, simboli ta' navigazzjoni, u karti tal-prodott f'modalità skura. - Faint Border
#ebebeb— Linji rqaq ta' diviżjoni fuq karti, kontorni tal-oqsma tad-dħul, u gwarniċi tal-buttuni f'forma ta' pillola. - Muted Gray
#787574— Test sekondarju, tikketti tan-navigazzjoni, kontorni tal-ikoni meta inattivi - Cool Stone
#cccccc— Placeholders, stati diżattivati, u sfondi ta' ikoni inattivi
Tipografija
minn 11 sa 16px · 4 passi
- GT Standard — sostituzzjoni: Inter · linji gwida 400 · Il-font primarju fid-daqsijiet kollha—kemm għat-test tal-ġisem kif ukoll għall-intestaturi. GTStandard-MRegular b'16px/-0.031em huwa l-font primarju għat-test tal-ġisem, buttuni, u tikketti. GTStandard-MSemibold b'20px/-0.05em jintuża għal diversi intestaturi kbar; GTStandard-MMedium b'11–12px jintuża għall-mikrocaptions. Kull varjant tal-font jintwera b'piż ottiku ta' 400—il-ġerarkija tal-font tinkiseb permezz ta' gradjenti sottili u spazjar negattiv dens tal-ittri, aktar milli kuntrast b'tipa grassa. Dan huwa stil distintiv: Shop ma jgħajjatx b'fonts b'tipa grassa, iżda pjuttost isawwar it-test permezz tal-ispazjar tal-ittri.
- Shopify Sans — sostituzzjoni: Inter · linji gwida 400, 700 · Riżervat għal messaġġi fil-livell tas-sistema bħal banners tat-tagħbija tal-app u test ta' kunsens għall-cookies.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 12px |
| Raġġ tal-buttuna | 9999px |
| Raġġ tal-karta | 28px |
| Dellijiet | dellijiet rotob |
| Bejn is-sezzjonijiet | 64px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Shop u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Cursor — Workshop komdu tal-parċmina, imdawwal minn faħam jaqbad
- Slush — univers li jintefaħ ta’ stikers fuq karta pastel
- MindMarket — Ktieb komdu ta’ ħrafa fuq karta krema - kanvas editorjali faċli fejn titoli kbar ta’ Inter u karattri maqtugħin mill-karta jeżistu flimkien fuq wiċċ imxarrab fix-xemx u artab bħal stiker.
- Airbnb — Ħajt ta' gallerija bajda kwieta b'bookmark wieħed aħmar tal-qroll
- Superr — Notebook tal-iskola sħun fid-dawl artab ta’ waranofsinhar. Paġna ta’ lewn il-krema, marker oranġjo mingħajr għatu, u munzell ta’ stikers tal-ismijiet laminati jistennew li jitneħħew.
- Apple (España) — Il-gallerija tal-mużew, fid-dawl tax-xemx artab, hija spazju abjad wieħed, affaxxinanti u bla piż, b'kull wirja mdawla minn spotlight kontra ħajt ikkulurit ħafif.
- Lamborghini — Kulur iswed tal-karozzerija fis-showroom, taħt id-dwal - karozza safra waħda
- Amplemarket — Post tax-xogħol imxarrab mix-xemx u mimli konfetti
- Getharvest — Skrivanija f’siegħa tad-deheb – kanvas krema sħun, kartolini bojod imdendlin fuq il-kanvas, u fjamma oranġjo waħda jgħajjat
- Agence Foudre — Il-paġna tal-qoxra tar-rivista hija ta’ kulur roża ċar li jfakkar fil-lipstick.
- Drive Capital — Poster retro ta' vjaġġ bit-triq fuq karta sħuna
- Apple (España) — vetrina tal-gallerija bajda