Spotify
Igumbi lokulawula i-jukebox yasebusuku
Ujongano lwewebhu lweSpotify luyindawo yokulawula imidiya emnyama nexineneyo: i-canvas emnyama ephantse ibe mnyama ehonjiswe ngobugcisa be-albhamu obuqaqambileyo, i-accent eluhlaza enye, kunye nolawulo olufana nepilisi. Ubhalo luncinci kwaye luluncedo—uhlobo lwe-geometric sans-serif oluyilwe ngokwezifiso ngobukhulu obuncinci, oluvumela ubugcisa be-albhamu kunye neefoto zomculi ukuba zenze uninzi lomsebenzi obonakalayo. Uyilo luqokobhe oluzinzileyo oluneekholamu ezimbini (i-sidebar + i-feed ephambili) olunegridi yobugcisa be-albhamu yesikwere kunye nee-avatars ezijikelezileyo, okudala ukutshintshana okunesigqi kweentlobo zejometri. Ujongano luphepha utshintsho olubukhali kubude, luxhomekeke kumahluko angabonakaliyo kumphezulu (amakhadi e-#121212 kwi-canvas ye-#000000) kunye nebhena enye enkulu ye-gradient yamandla. Isiphumo sisiva se-DJ booth: ulwazi oluxineneyo, ubumnyama besandi, kwaye lulungele ukudlala ngokujonga nje.
Uyilo oluzinzileyo lweekholamu ezimbini lunecala elisekhohlo ("Ithala lakho leeNcwadi") kunye nendawo yomxholo oyintloko ophendulayo. Ibha ephezulu yibha emnyama ebanzi ngokupheleleyo enokukhangela ngasekhohlo kunye nezenzo zeakhawunti ngasekunene. Umxholo oyintloko uskrola ngokuthe nkqo, kunye neekharoseli ezithe tye zamakhadi—iingoma ezidumileyo kwigridi yesikwere enezikholamu ezi-5, abaculi abadumileyo kwigridi ejikelezayo enezikholamu ezi-5, kunye nee-albhamu/ii-singles ezidumileyo eziqhubeka nale patheni. Isithuba phakathi kwamacandelo sincinci (32 cm). Ibhena yentengiso esezantsi inamathele ezantsi kwe-viewport. Ukuhambahamba kwenziwa kuphela ngebha ephezulu kunye necala elingasemva—akukho mamenyu maninzi okanye ii-breadcrumbs. I-rhythm iyatshintshana: amakhadi esikwere → amakhadi ajikelezayo → amakhadi esikwere, okwenza umahluko wejometri phakathi kwamacandelo.
Iikhava zealbham kunye neefoto zomculi zezona zinto ziphambili ezibonakalayo. Iikhava ziboniswa njengeziqwenga zesikwere ezixineneyo (umlinganiselo we-1:1) kunye ne-radius ye-6px—ziqinile ngokwaneleyo ukuba zibukeke zihleliwe kodwa zithambile ngokwaneleyo ukuba zibe zezanamhlanje. Iifoto zomculi ziziqwenga ezingqukuva, zigxininisa ubuso njengophawu. Ujongano oluphambili alunazo iifoto zokuhombisa, imifanekiso yendlela yokuphila, okanye imizobo engabonakaliyo. Into ebonakalayo engeyofoto yibhena yegradient emfusa ukuya kweluhlaza okwesibhakabhaka ezantsi, esebenza njengento yodwa yombala webhrendi. Ii-icon zincinci, zi-monolinear, zimhlophe kwimvelaphi emnyama—zincinci kwaye ziyasebenza, azihombisi.
Iphalethi
Uphawu
- Spotify Green
#1ed760— Uluhlaza lusetyenziswa njengesandi sesibini seenkcukacha zokuhombisa kunye nokugqamisa imibuzo yokukhangela engasetyenziswa rhoqo. Akufanele isetyenziswe njengombala oyintloko weengcebiso zokuthatha inyathelo.
Ukungathathi cala
- Pure White
#ffffff— Umphezulu oxhasayo okhanyayo wokudala imvelaphi engaphazanyiswayo kunye nokwahlula amacandelo. Akufanele isetyenziswe njengombala oyintloko wokubiza isenzo. - Signal Red
#b85850— Ubomvu busebenza njenge-accent exhasa iinkcukacha zokuhombisa kunye nokugqamisa imibala engaqhelekanga. Busebenzise njenge-accent exhasayo, hayi njengombala wesimo. - Void Black
#000000— I-canvas yephepha, imvelaphi ephezulu yokukhangela, umaleko ongaphezulu kakhulu - Carbon
#121212— Imiphezulu yekhadibhodi, iiphaneli ezisecaleni, umaleko womphezulu wesibini phezu kwe-canvas - Graphite
#1f1f1f— Umphezulu ophakanyisiweyo - iimeko zokuma, amasimi okufaka, izinto ezikhethiweyo zokuhamba. - Smoke
#292929— Imvelaphi yokukhangela esebenzayo, isiphumo esincinci sokukhanya kwangasemva.
Ubhalo lweencwadi
ukusuka kwi-11 ukuya kwi-24px · amanyathelo ama-4
- SpotifyMixUI — ukutshintshwa: Inter · imida 400, 600, 700 · Ikopi yomzimba, ukuzulazula, amaqhosha, i-metadata, ii-caption ezincinci—uyilo oluncinci, olunolwazi oluninzi oluyilwe ukuba lube lula, oluvumela izinto zobugcisa ukuba zilawule.
- SpotifyMixUITitle — ukutshintshwa: Inter weight 700 · imida 700 · Izihloko zamacandelo ("Iingoma Ezidumileyo," "Abaculi Abadumileyo") - ifonti enesibindi, enobukhulu obuphakathi yenza izihloko zibonakale ngaphandle kokugqithisa kakhulu igridi yamakhadi.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | xinene |
| Inyathelo elisisiseko | 8-12px |
| Irediyasi yeqhosha | 9999px |
| Irediyasi yekhadi | 6px |
| Izithunzi | ubuncinci |
| Phakathi kwamacandelo | 32-48px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Spotify ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Resend — ivelvet emnyama enombala we-neon omfusa
- Neon — Igumbi leseva emva kobumnyama. Ubumnyama obucocekileyo, apho ukukhanya kuphela kuvela kwidatha kunye nokusebenzisana kwabasebenzisi.
- Discord — Ihlabathi lemidlalo lifihliwe ngasemva kwefestile yencoko evulekayo - icandelo ngalinye liyindawo ezimeleyo enezibane zayo kunye neqela labalinganiswa.
- Idle Finance — Umgangatho wokurhweba nge-neon weendawo zokuphela kolwandle yi-terminal emnyama yolwandle apho ukukhanya okuluhlaza okwesibhakabhaka kugqobhoza khona ubumnyama.
- Midjourney — Isiphelo se-bioluminescent elwandle olunzulu. Ihlabathi lolwandle olunzulu apho ubukrelekrele buzivelela khona kwimisinga ye-ASCII, kwaye ulawulo lubonakala njengeepateni ezikhazimlayo kancinci.
- Netflix — I-Infinite Digital Shelf. Amava e-cinema apho ithala leencwadi elingapheliyo lomxholo liboniswa ngokuchasene nomfanekiso weqonga omnyama qhwa.
- Wope — I-Wope yindlela enombala omfusa we-horizon. Khawuthelekelele itafile emnyama yokujonga enesibane esimfusa esikhanyayo phantsi kweglasi.
- basement — Umatshini wokuprinta ongenanto ngentsimbi yesi-3 kusasa – iifonti ezinkulu, ezixineneyo ezibonakala kumnyama ocacileyo, ukukhanya okukhanyayo okuorenji kwibha yokukhangela, yonke enye into emhlophe okanye engwevu.
- Ori — Igumbi leseva ezinzulwini zobusuku limnyama, likhanya ngombala omhlophe, livuliwe ngombane omnye.
- Amaterasu — Indawo Engcwele Yesibhakabhaka Esiluhlaza Okwesibhakabhaka
- Stink Studios — Istudiyo sefilimu ezinzulwini zobusuku - iprojektha iyacula, igumbi limnyama, ifilimu kuphela ekhanyisiweyo
- Obsidian — Indawo yokugcina ulwazi olufana nekristale. Indawo ecacileyo, eneendlela ezininzi zedijithali eyenzelwe ukucaca nokugxila, enemithambo ekhanyayo emfusa yokusebenzisana.