Spotify
Igumbi lokulawula i-jukebox yasebusuku
I-interface yewebhu ye-Spotify iyisikhungo sokulawula imidiya esiminyene, esimnyama: i-canvas emnyama ecishe ibe mnyama ehlotshiswe ngobuciko be-albhamu obugqamile, i-accent eyodwa eluhlaza okwesibhakabhaka, kanye nezilawuli ezimise okwe-pill. Ukuthayipha kuncane futhi kuyasebenziseka—uhlobo lokubhala lwe-geometric sans-serif oluklanywe ngokwezifiso ngobukhulu obuncane, okuvumela ubuciko be-albhamu nezithombe zomculi ukuthi zenze ingxenye enkulu yomsebenzi obonakalayo. Ukuhlelwa kuyigobolondo eliqinile elinamakholomu amabili (ibha eseceleni + okuphakelayo okuyinhloko) elinegridi yobuciko be-albhamu yesikwele nama-avatar ayindilinga, okudala ukushintshana okunesigqi kwezinhlobo ze-geometric. I-interface igwema izinguquko ezibukhali ekuphakameni, incike ekuhlukaniseni okungabonakali kobuso (amakhadi angu-#121212 ku-canvas engu-#000000) kanye nebhena elilodwa elikhulu le-gradient lamandla. Umphumela uba umuzwa we-DJ booth: ulwazi oluningi, ubumnyama bomsindo, futhi olulungele ukudlala ngokushesha.
Ukuhlelwa kwamakholomu amabili okuhleliwe kunebha eseceleni kwesobunxele ("Ilabhulali Yakho") kanye nendawo yokuqukethwe okuyinhloko ephendulayo. Ibha ephezulu iyibha emnyama egcwele ububanzi enokusesha ngakwesobunxele kanye nezenzo ze-akhawunti ngakwesokudla. Okuqukethwe okuyinhloko kuskrola ngokuqondile, ngama-carousel avundlile wamakhadi—izingoma ezidumile kugridi yesikwele enamakholomu ama-5, abaculi abadumile kugridi eyindilinga enamakholomu ama-5, kanye nama-albhamu/ama-single athandwayo aqhubeka nale phethini. Isikhala phakathi kwezigaba sincane (32 cm). Ibhena lesikhangiso elingezansi linamathele phansi kwe-viewport. Ukuzulazula kuphathwa kuphela ngebha ephezulu kanye nebha eseceleni—akukho mamenyu amakhulu noma ama-breadcrumbs. Isigqi siyashintshana: amakhadi esikwele → amakhadi ayindilinga → amakhadi esikwele, okudala umehluko wejiyometri phakathi kwezigaba.
Izembozo zama-albhamu nezithombe zomculi yizona okuqukethwe okubonakalayo okuyinhloko. Izembozo zethulwa njengezingcezu zesikwele ezixinene (isilinganiso esingu-1:1) nge-radius engu-6px—zicwebezela ngokwanele ukubukeka zihlelekile kodwa zithambile ngokwanele ukuba zesimanje. Izithombe zomculi ziyizingcezu eziyindilinga, zigcizelela ubuso njengesihlonzi. I-interface eyinhloko ayinazo izithombe zokuhlobisa, izithombe zendlela yokuphila, noma ihluzo ezingabonakali. Okuwukuphela kwento ebonakalayo engeyona eyokuthwebula isithombe ibhanela elinombala onsomi kuya koluhlaza okwesibhakabhaka phansi, elisebenza njengento eyodwa yombala womkhiqizo. Izithonjana zincane, zi-monolinear, zimhlophe ngemuva okumnyama—zincane futhi ziyasebenza, azikaze zihlobise.
Iphalethi
Umkhiqizo
- Spotify Green
#1ed760— Okuluhlaza okwesibhakabhaka kusetshenziswa njengendlela yesibili yokugcizelela imininingwane yokuhlobisa kanye nokugqamisa imibuzo yokusesha engasetshenziswa kaningi. Akufanele kusetshenziswe njengombala oyinhloko wokubiza isenzo.
Okungathathi hlangothi
- Pure White
#ffffff— Indawo esekelayo elula yokudala ingemuva elingabonakali kanye nokuhlukanisa izingxenye. Akufanele isetshenziswe njengombala oyinhloko wokubizelwa esenzweni. - Signal Red
#b85850— Ubomvu busebenza njengendlela yokusekela imininingwane yokuhlobisa kanye nokugqamisa imibala engavamile. Busebenzise njengendlela yokusekela, hhayi njengombala wesimo. - Void Black
#000000— Ikhanvasi yekhasi, ingemuva lokuzulazula eliphezulu, ungqimba olujulile kakhulu - Carbon
#121212— Izindawo zekhadibhodi, amaphaneli aseceleni, ungqimba lwesibili lobuso phezu kwendwangu - Graphite
#1f1f1f— Ubuso obuphakanyisiwe - izimo zokuhambisa phezulu, izinkambu zokufaka, izakhi zokuzulazula ezikhethiwe. - Smoke
#292929— Ingemuva lokuzulazula elisebenzayo, umphumela omncane wokukhanya kwangemuva.
Ukuthayipha
kusukela ku-11 kuya ku-24px · izinyathelo ezi-4
- SpotifyMixUI — esikhundleni: Inter · izinhlaka 400, 600, 700 · Ikhophi yomzimba, ukuzulazula, izinkinobho, imethadatha, amagama-ncazo amancane—umklamo omncane, ocebile ngolwazi oklanyelwe ukuba ube mfushane, ovumela izakhi zobuciko ukuba zibuse.
- SpotifyMixUITitle — esikhundleni: Inter weight 700 · izinhlaka 700 · Izihloko zezingxenye ("Izingoma Ezidumile," "Abaculi Abadumile") - ifonti enesibindi, enobukhulu obuphakathi yenza izihloko zivelele ngaphandle kokulayisha ngokweqile igridi yamakhadi.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 8-12px |
| Irediyasi yenkinobho | 9999px |
| Irediyasi yekhadi | 6px |
| Izithunzi | okuncane |
| Phakathi kwezigaba | 32-48px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Spotify futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Resend — i-velvet emnyama enombala onsomi we-neon
- Neon — Igumbi leseva ngemva kobumnyama. Ubumnyama obumsulwa, lapho ukukhanya kuphela kuvela khona kudatha kanye nokusebenzisana komsebenzisi.
- Discord — Umhlaba womdlalo ufihliwe ngemuva kwewindi lengxoxo elivelayo - isigaba ngasinye siyindawo ezimele ngokwayo enokukhanya kwayo kanye neqoqo labalingiswa.
- Idle Finance — Iphansi lokuhweba le-neon lezindawo zokugcina ulwandle olujulile liyindawo yokugcina ulwandle emnyama lapho ukukhanya okukodwa okuluhlaza okwesibhakabhaka kungena khona ebumnyameni.
- Midjourney — Isikhumulo se-bioluminescent olwandle olujulile. Izwe lolwandle olujulile lapho ubuhlakani buzikhiqiza khona ngokubonakalayo emifudlaneni ye-ASCII, futhi izilawuli zibonakala njengamaphethini akhazimula kancane.
- Netflix — Ishalofu Ledijithali Elingenamkhawulo. Okuhlangenwe nakho kwe-cinema lapho umtapo wolwazi ongenamkhawulo wethulwa khona ngokumelene nesizinda semidlalo yaseshashalazini esimnyama bhuqe.
- Wope — I-Wope iyi-interface enombala onsomi we-horizon. Cabanga ngetafula elimnyama lokuhlola elinokukhanya okunsomi okukhanya ngaphansi kwengilazi.
- basement — Umshini wokunyathelisa ongenalutho ngo-3 ekuseni – amafonti amakhulu, acindezelwe asakazeka kumnyama ocwebezelayo, ukukhanya okukodwa kokukhanya okuphuzi kubha yokuzulazula, konke okunye kumhlophe noma kumpunga ongathi sína.
- Ori — Igumbi leseva phakathi kwamabili liyisikhala esimnyama, isibani esimhlophe, iswishi eyodwa ivuliwe.
- Amaterasu — Indawo Engcwele Yesibhakabhaka Esiyi-Turquoise
- Stink Studios — Isitudiyo sefilimu phakathi kwamabili - iphrojektha iyavungazela, igumbi limnyama, ifilimu kuphela ekhanyisiwe
- Obsidian — Indawo yokugcina ulwazi olucwebezelayo. Isikhala sedijithali esicacile, esinezinhlangothi eziningi esenzelwe ukucaca nokugxila, esinemithambo ekhanyayo ephuzi yokusebenzisana.