Spotify
Qolka xakamaynta jukebox habeenkii
Is-dhexgalka shabakadda ee Spotify waa xarun xakamayn warbaahineed oo cufan oo mugdi ah: shiraac ku dhow madow oo lagu qurxiyey farshaxan albam oo firfircoon, lahjad cagaaran oo keliya, iyo kontaroolo qaab kiniin ah. Nooca sawirku waa mid kooban oo faa'iido leh - qaab sawireed oo joomatari ah oo si gaar ah loogu talagalay oo cabbir yar leh, taasoo u oggolaanaysa farshaxanka albamka iyo sawirrada farshaxanleyda inay qabtaan shaqada muuqaalka badan. Qaab-dhismeedku waa qolof go'an oo laba tiir ah (dhinaca dambe + quudinta ugu weyn) oo leh shabag farshaxan albam oo laba jibbaaran iyo avatars wareegsan, taasoo abuuraysa isbeddel laxan ah oo noocyada joomatari ah. Is-dhexgalka wuxuu ka fogaanayaa isbeddellada fiiqan ee dhererka, isagoo ku tiirsan kala soocidda dusha sare ee khafiifka ah (kaararka #121212 ee shiraac #000000) iyo hal calan oo heer sare ah oo loogu talagalay tamarta. Natiijadu waa dareen ah qolka DJ: macluumaad cufan, cod ahaan madow, oo diyaar u ah in lagu ciyaaro muuqaal.
Qaab-dhismeed laba-tiir ah oo go'an ayaa leh dhinac bidix ah ("Maktabaddaada") iyo aag muhiim ah oo jawaab celin leh. Baarka sare waa baar madow oo ballaaran oo leh raadinta bidix iyo ficillada akoonka ee midigta. Mawduuca ugu weyn wuxuu si toosan u rogrogaa, oo leh carousels toosan oo kaararka ah - heeso caan ah oo ku jira shabag laba jibbaaran oo 5-tiir ah, farshaxanno caan ah oo ku jira shabag wareegsan oo 5-tiir ah, iyo albamyo/hal-hal oo caan ah oo sii wadaya qaabkan. Kala fogaanshaha qaybaha waa mid yar (32 cm). Calanka xayeysiiska hoose wuxuu ku dheggan yahay xagga hoose ee muuqaalka. Navigation-ka waxaa si gaar ah loogu maamulaa baarka sare iyo dhinaca dambe - ma jiraan liisyo badan ama jajab rooti ah. Laxanku wuxuu beddelaa: kaararka laba jibbaaran → kaararka wareegsan → kaararka laba jibbaaran, iyagoo abuuraya isbarbardhig joomatari oo u dhexeeya qaybaha.
Daboolka albamka iyo sawirrada farshaxanku waa muuqaalka ugu muhiimsan. Daboolka waxaa loo soo bandhigayaa jajabyo afargeesle ah oo cufan (saamiga 1:1) oo leh radius 6px ah - oo ku filan inay u ekaadaan tifaftire laakiin jilicsan oo ku filan inay noqdaan kuwo casri ah. Sawirada farshaxanku waa jajabyo wareegsan, oo xoogga saaraya wejiga sidii aqoonsi. Is-dhexgalka ugu weyn waa ka xor sawirrada qurxinta, sawirrada qaab nololeedka, ama sawirrada aan la taaban karin. Qaybta kaliya ee muuqaalka aan sawir-qaadista lahayn waa boorar midab-guduud-ilaa-buluug ah oo ku yaal hoose, kaas oo u adeega sidii qaybta kaliya ee midabka summada. Astaamaha waa kuwo yar yar, monolinear ah, caddaan ah oo ku yaal asal madow - yar oo shaqeynaya, waligoodna qurxin.
Paleetka
Summada
- Spotify Green
#1ed760— Cagaar waxaa loo isticmaalaa lahjad labaad oo loogu talagalay faahfaahinta qurxinta iyo in lagu muujiyo su'aalaha raadinta ee aan inta badan la isticmaalin. Waa in aan loo isticmaalin midabka koowaad ee wicitaanada ficilka.
Dhexdhexaad
- Pure White
#ffffff— Dusha sare ee taageerta iftiinka si loo abuuro asal aan muuqan iyo qaybo kala soocid. Waa in aan loo isticmaalin midabka ugu muhiimsan ee wicitaanka ficilka. - Signal Red
#b85850— Casaanku wuxuu u adeegaa sidii lahjad taageero ah oo loogu talagalay faahfaahinta qurxinta iyo in lagu muujiyo midabada aan caadiga ahayn. U isticmaal sidii lahjad taageero ah, ee ha u isticmaalin sidii midab xaaladeed. - Void Black
#000000— Bogga shiraaca, asalka navigation-ka sare, lakabka dusha sare ee ugu qoto dheer - Carbon
#121212— Dusha sare ee kartoonka, looxyada dhinaca, lakabka sare ee dusha sare ee shiraaca - Graphite
#1f1f1f— Dusha sare loo qaaday - xaaladaha dul heehaabidda, goobaha gelinta, walxaha navigation-ka ee la xushay. - Smoke
#292929— Asalka navigation-ka firfircoon, saameyn yar oo iftiin gadaal ah.
Nooca qoraalka
laga bilaabo 11 ilaa 24px · 4 tallaabo
- SpotifyMixUI — beddelka: Inter · dulmar guud 400, 600, 700 · Nuqulka jirka, hagitaanka, badhamada, macluumaadka muhiimka ah, qoraallada yaryar - naqshad yar oo macluumaad badan leh oo loogu talagalay inay noqoto mid qarsoon, taasoo u oggolaanaysa walxaha farshaxanka inay xukumaan.
- SpotifyMixUITitle — beddelka: Inter weight 700 · dulmar guud 700 · Cinwaanada qaybaha ("Heesaha Caanka ah," "Farshaxanada Caanka ah") - far geesinimo leh oo dhexdhexaad ah ayaa ka dhigaysa cinwaanada inay soo baxaan iyagoon buuxin shabagga kaarka.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | cufan |
| Tallaabada aasaasiga ah | 8-12px |
| Gacanka badhanka | 9999px |
| Gacanka kaarka | 6px |
| Hooska | ugu yar |
| Inta u dhaxaysa qaybaha | 32-48px |
AI waxay website-kaaga ku dhisi doontaa qaabka Spotify oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- Resend — maro madow oo leh midab neon guduudan
- Neon — Qol adeege ah oo mugdi ka dib ah. Mugdi saafi ah, halkaas oo iftiinka kaliya uu ka yimaado xogta iyo isdhexgalka isticmaalaha.
- Discord — Dunida ciyaartu waxay ku qarsoon tahay daaqad sheeko oo soo bood ah - qayb kastaa waa jawi iskiis u taagan oo leh nal u gaar ah iyo jilayaal
- Idle Finance — Dabaqa ganacsiga neon ee terminaalka badda qoto dheer waa terminaal ciidan oo madow halkaas oo iftiin buluug ah oo keliya uu mugdiga ka dhex duso.
- Midjourney — Meel bayooloji ah oo ku taal badweynta qoto dheer. Adduun badda qoto dheer ah oo sirdoonku si muuqaal ah isugu soo saaro durdurrada ASCII, kontarooladuna ay u muuqdaan qaabab dhalaalaya oo yar.
- Netflix — Khaanadaha Dijital ah ee aan dhammaadka lahayn. Khibrad shineemo ah oo maktabad aan dhammaad lahayn oo macluumaad ah lagu soo bandhigayo iyadoo la eegayo muuqaal madow oo muuqaal ah.
- Wope — Wope waa is-dhexgal cidhif guduudan. Bal qiyaas miis indho-indhayn oo madow oo iftiin guduudan ka iftiimaya hoos muraayadda.
- basement — Makiinad daabacaad oo madhan 3-da subaxnimo - far waaweyn oo la cadaadiyay oo ku dul wareegaya madowga mugdiga ah, iftiin oranji ah oo ku yaal barta navigation-ka, wax kasta oo kale oo caddaan ah ama cawlan oo cirfiid ah.
- Ori — Qolka adeegaha saqda dhexe waa madhan madow, nal cad, hal shid ayaa shidan.
- Amaterasu — Meesha quduuska ah ee Turquoise ee Samada
- Stink Studios — Istuudiyo filim saqda dhexe - borojektarku wuu qaylinayaa, qolku waa mugdi, filimku kaliya ayaa shidan
- Obsidian — Kaydinta aqoonta kristalinta. Meel dijitaal ah oo cad oo dhinacyo badan leh oo loogu talagalay caddeynta iyo diiradda saarista, oo leh xididdo guduudan oo dhalaalaya oo isdhexgal ah.