Shopify
Serra ta' Nofsillejl - It-trademarks jiffjorixxu fuq sfond ta' lewn turkważ skur, imdawlin minn xrar wieħed ta' nagħniegħ
Is-sistema tad-disinn ta' Shopify hija workshop ta' nofsillejl għall-kummerċ: kanvas kważi iswed ikkulurit b'aħdar turkważ skur, tipa sans-serif wiesgħa u kunfidenti, u aċċent vibranti wieħed tal-menta li jattiva mumenti interattivi. L-interfaċċja tixbaħ kamra mudlama, fejn il-prodotti u l-marki huma s-sors tad-dawl—ritratti u vetrini jiddu kontra uċuħ kważi suwed, filwaqt li elementi tal-kromju jirtiraw. Il-komponenti huma ġeometriċi iżda rotob: karti b'raġġ ta' 12px bi borduri rqaq, buttuni f'forma ta' pillola, u tipa ta' piż ta' 330 li tgħajjat l-iskala aktar milli tgħajjat. Marka ta' punteġġjatura kromatika waħda (#36f4a4) tintuża bil-moderazzjoni fuq links, tags, u stati ta' fokus, billi tirriżerva l-kulur għal mumenti funzjonali biex tiżgura li l-istejjer tal-merkanti jibqgħu l-punt fokali viżwali.
Il-wisa' massima hija ~1280px, iċċentrata, bi splash blocks ta' wisa' sħiħ li jestendu lil hinn mill-kontenitur tar-ritratti. Ir-ritmu tal-paġna jalterna: (1) splash page skura ta' wisa' sħiħ b'intestatura sovrapposta u buttuni ta' sejħa għall-azzjoni, (2) sezzjonijiet skuri komdi b'test ta' wisa' massima u blokki ta' immaġni f'2 kolonni jew grilji ta' immaġni fi 3 kolonni, (3) pannelli interattivi tal-vetrina (karta tal-prodott, kalkulatur tat-tbaħħir, mappa tad-dinja) murija bħala karti mqajma fuq kanvas aktar fond. In-navigazzjoni hija bar ta' fuq fiss bil-logo + 3 elementi ta' navigazzjoni + links sekondarji + il-buttuna primarja ta' sejħa għall-azzjoni, kollha allinjati mal-lemin. Ir-ritmu vertikali juża lakuni ta' 80px bejn is-sezzjonijiet b'tranżizzjoni bla xkiel—l-ebda diviżuri bejn sezzjonijiet skuri, biss bidla fit-ton tal-wiċċ.
Id-disinn viżwali huwa primarjament iffukat fuq il-bejjiegħ bl-imnut: ritratti tal-prodotti ta’ daqs sħiħ u ritratti minn avvenimenti tal-marka jġorru l-biċċa l-kbira tal-piż viżwali, ħafna drabi fil-forma ta’ sfondi kbar b’test abjad sovrappost. L-immaġnijiet huma maqtugħin sew, b’kuntrast għoli, u ta’ natura festiva (id-daqq tal-qanpiena tan-Nasdaq, tislim fi grupp, close-ups ta’ prodotti fl-idejn). L-isfond skur joħloq l-impressjoni li dawn ir-ritratti huma mdawla minn spotlights. L-illustrazzjonijiet huma minimalisti—ix-xogħol spjegattiv ewlieni jitwettaq minn immaġnijiet tal-prodotti inkorporati u screenshots tal-vetrini tal-ħwienet. L-ikoni huma monokromi, b’wisa’ tal-linja ta’ 1.5–2px, tipikament bojod jew #36f4a4 għal stati attivi.
Paletta
Marka
- Shopify Mint
#36f4a4— Indikaturi ta' navigazzjoni attiva, ċrieki tal-fokus, punti ewlenin tat-tikketti, u punti ewlenin tal-hover fuq il-links huma l-unika tiddix kromatiku li joħloq sens ta' interattività attivata fuq sfond skur.
Newtrali
- Midnight Forest
#02090a— Kanvas tal-paġna, immaġnijiet tal-isfond tal-intestatura, immaġnijiet tal-isfond tas-sezzjoni - Deep Lichen
#061a1c— Uċuħ ewlenin tal-karti, pannelli mgħollija, blokki tal-kontenut. - Shaded Fern
#072720— Pannell tan-navigazzjoni, karti addizzjonali, rfigħ tal-pannell bilkemm notevoli. - Spruce Border
#1e2c31— Borduri rqaq għall-karti, linji diviżorji, kontorni tal-oqsma tad-dħul. - Abyss Indigo
#000a1e— Wiċċ addizzjonali għall-inkorporazzjoni ta' prodotti/dimostrazzjonijiet, pannelli b'deskrizzjonijiet tal-funzjonijiet. - Pure White
#ffffff— Test prinċipali, mili tal-buttuni, titlu, logos.
Tipografija
minn 12 sa 70px · 8 passi
- Neue Haas Grotesk — sostituzzjoni: Inter · linji gwida 330, 400, 500, 550, 600 · Is-sistema tipografika ewlenija hija titoli b'piż ta' font ta' 70–96px (330–400) li huma sottili aktar milli qawwija; kopja tal-korp b'piż ta' font ta' 16–18px (400–500); u navigazzjoni u interfaċċja tal-utent b'piż ta' font ta' 14–16px (500–550). Il-piż ultra-ħafif tat-tipa ta' 330 f'daqsijiet kbar ta' skrin huwa karatteristika distintiva: iwassal kunfidenza permezz tar-rażan aktar milli l-volum.
- Inter Variable — sostituzzjoni: Inter · linji gwida 400, 420, 450, 550 · Tip ta' font sekondarju użat f'elementi ta' interfaċċja tan-navigazzjoni, noti żgħar, kontrolli tat-tabs, u mikrotest fil-footers. L-ittri żgħar kemxejn akbar tiegħu u l-ispazjar tal-ittri aktar standard jagħmluh aktar leġġibbli f'daqsijiet kompatti. Huwa adattat ukoll għal sitwazzjonijiet fejn font ta' piż 420 jimla l-vojt bejn font regolari u font ta' daqs medju.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 12px |
| Raġġ tal-buttuna | 9999px |
| Raġġ tal-karta | 12px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 80px |
| Wisa' tal-paġna | 1280px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Shopify 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
- Retool — Workshop sħun tal-obsidjana - wiċċ għal għodda ta' preċiżjoni, imdawwal minn ġamra tan-nar, fejn kollox jinħoloq
- Elektron — Il-pannell tal-kontroll tat-tagħmir f'nofsillejl huwa kanvas kważi iswed, fejn ir-ritratti tal-prodott jiddu filwaqt li l-interfaċċja tibqa' prattikament inviżibbli.
- REKKI — Pannell tal-kontroll tat-titjira fil-laboratorju tar-ritratti
- OFFFICE : — gallerija noir mgħottija b'font monolitiku
- Clyde — Is-showroom, bl-spotlight wieħed tagħha, hija gallerija kważi mudlama fejn l-uniku kulur fil-kamra huwa ballun ta' gradjent sħun.
- Channel Studio — Laboratorju tar-ritratti ta' studio b'lampa waħda tal-qroll
- Electronic Materials Office — Ġamra tiddi f'gallerija mżejna bil-faħam tal-kannol
- ORYZO AI — Esej fotografiku dwar kamra mudlama. Oġġett solitarju jittajjar fid-dlam sħun, b'tipa krema bħala l-unika dekorazzjoni.
- Factory — It-terminal tal-"kamra tal-gwerra" f'nofsillejl. Il-"fabbrika" hija pannell tal-kontroll iswed fejn karta bajda waħda tinżel bħal dispaċċ imdawwal b'torċa—l-uniku oġġett fil-kamra huwa x-xogħol innifsu.
- Hungry Tiger — Graffiti b'kulur qawwi bħal turmeric fuq il-ħajt tat-tandoor. Paletta unifikata ta' deheb u kannella sadid, b'tipa tant kbira li tidher aktar bħal sinjal ta' suq tal-ħwawar milli websajt.
- Bibliothèque — Gallerija sewda forma ta’ kubu taħt spotlight – pjanċa illuminata waħedha f’sala vasta u mudlama
- Apple (España) — teatru iswed b'tagħmir imdawwal