Spotify
Chumba cha kudhibiti jukebox usiku
Kiolesura cha wavuti cha Spotify ni kituo kizito na chenye giza cha kudhibiti vyombo vya habari: turubai nyeusi karibu iliyopambwa kwa sanaa ya albamu inayong'aa, lafudhi moja ya kijani kibichi, na vidhibiti vyenye umbo la kidonge. Uchapaji ni mdogo na wa manufaa—uandishi wa kijiometri usio na serif ulioundwa maalum kwa ukubwa mdogo, kuruhusu sanaa ya albamu na picha za msanii kufanya sehemu kubwa ya kazi ya kuona. Mpangilio ni ganda lisilobadilika la safu mbili (upau wa pembeni + mlisho mkuu) lenye gridi ya sanaa ya albamu ya mraba na avatar za duara, na kuunda ubadilishaji wa mdundo wa aina za kijiometri. Kiolesura huepuka mabadiliko makali ya urefu, kutegemea tofauti ndogo za uso (kadi #121212 kwenye turubai #000000) na bango moja kubwa la gradient kwa nishati. Matokeo yake ni hisia ya kibanda cha DJ: habari nyingi, giza la sauti, na tayari kucheza kwa mtazamo mmoja.
Mpangilio thabiti wa safu mbili una upau wa pembeni wa kushoto ("Maktaba Yako") na eneo kuu la maudhui linaloitikia. Upau wa juu ni upau mweusi wenye upana kamili na utafutaji upande wa kushoto na vitendo vya akaunti upande wa kulia. Maudhui makuu husogea wima, na mikunjo mlalo ya kadi—nyimbo maarufu katika gridi ya mraba yenye safu wima 5, wasanii maarufu katika gridi ya mviringo yenye safu wima 5, na albamu/nyimbo pekee maarufu zinazoendelea na muundo huu. Nafasi kati ya sehemu ni ndogo (sentimita 32). Bango la tangazo la chini limetiwa nanga chini ya mlango wa kutazama. Urambazaji unashughulikiwa pekee kupitia upau wa juu na upau wa pembeni—hakuna menyu kubwa au mikate ya mkate. Mdundo hubadilika: kadi za mraba → kadi za mviringo → kadi za mraba, na kuunda tofauti ya kijiometri kati ya sehemu.
Vifuniko vya albamu na picha za msanii ndio maudhui kuu ya taswira. Vifuniko vinawasilishwa kama vipande vizito vya mraba (uwiano wa kipengele cha 1:1) vyenye kipenyo cha pikseli 6—vilivyokolea vya kutosha kuonekana vya uhariri lakini laini vya kutosha kuwa vya kisasa. Picha za msanii ni vipande vya mviringo, vikisisitiza uso kama kitambulisho. Kiolesura kikuu hakina picha za mapambo, picha za mtindo wa maisha, au michoro dhahania. Kipengele pekee cha taswira kisicho cha picha ni bango la rangi ya zambarau hadi bluu chini, ambalo hutumika kama kipengele pekee cha rangi ya chapa. Aikoni ni ndogo, zenye mstari mmoja, nyeupe kwenye mandharinyuma nyeusi—ndogo na zinafanya kazi, hazipendi kamwe.
Paleti
Chapa
- Spotify Green
#1ed760— Kijani hutumika kama lafudhi ya pili kwa maelezo ya mapambo na kuangazia maswali ya utafutaji ambayo hayatumiwi mara kwa mara. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua.
Isiyoegemea upande wowote
- Pure White
#ffffff— Sehemu nyepesi inayounga mkono mandharinyuma isiyoonekana na kutenganisha sehemu. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua. - Signal Red
#b85850— Nyekundu hutumika kama lafudhi inayounga mkono maelezo ya mapambo na kuangazia rangi zisizo za kawaida. Itumie kama lafudhi inayounga mkono, si kama rangi ya hadhi. - Void Black
#000000— Turubai ya ukurasa, mandharinyuma ya juu ya urambazaji, safu ya uso yenye kina kirefu zaidi - Carbon
#121212— Nyuso za kadibodi, paneli za pembeni, safu ya pili ya uso juu ya turubai - Graphite
#1f1f1f— Uso ulioinuliwa - hali za kuelea, sehemu za kuingiza, vipengele vya urambazaji vilivyochaguliwa. - Smoke
#292929— Mandharinyuma ya urambazaji inayofanya kazi, athari ndogo ya mwanga wa nyuma.
Uchapaji
kutoka pikseli 11 hadi 24 · hatua 4
- SpotifyMixUI — mbadala: Inter · mihtasari 400, 600, 700 · Nakala ya mwili, urambazaji, vitufe, metadata, manukuu madogo—muundo mdogo na wenye taarifa nyingi ulioundwa kuwa mwerevu, unaoruhusu vipengele vya kisanii kutawala.
- SpotifyMixUITitle — mbadala: Inter weight 700 · mihtasari 700 · Vichwa vya sehemu ("Nyimbo Maarufu," "Wasanii Maarufu") - fonti nzito na ya ukubwa wa wastani hufanya vichwa vya habari vionekane wazi bila kuzidisha gridi ya kadi.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 8-12px |
| Kipenyo cha kitufe | 9999px |
| Redi ya kadi | 6px |
| Vivuli | ndogo |
| Kati ya sehemu | 32-48px |
AI itaunda tovuti yako kwa mtindo wa Spotify na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Resend — velvet nyeusi yenye rangi ya zambarau ya neon
- Neon — Chumba cha seva baada ya giza. Giza safi, ambapo mwanga pekee hutoka kwa data na mwingiliano wa watumiaji.
- Discord — Ulimwengu wa mchezo umefichwa nyuma ya dirisha la gumzo ibukizi - kila sehemu ni mazingira yanayojitegemea yenye mwangaza wake na seti ya wahusika
- Idle Finance — Sakafu ya biashara ya neon ya vituo vya bahari kuu ni kituo cheusi cha majini ambapo mwanga mmoja wa bluu hupenya giza.
- Midjourney — Kitengo cha mwangaza wa kibiolojia katika bahari kuu. Ulimwengu wa bahari kuu ambapo akili hujizalisha yenyewe katika mito ya ASCII, na vidhibiti huonekana kama mifumo inayong'aa kidogo.
- Netflix — Rafu ya Kidijitali Isiyo na Kikomo. Uzoefu wa sinema ambapo maktaba isiyo na kikomo ya maudhui huwasilishwa dhidi ya mandhari nyeusi kabisa, ya maonyesho.
- Wope — Wope ni kiolesura cha upeo wa zambarau. Fikiria meza ya uchunguzi yenye giza yenye mwanga wa zambarau unaong'aa kutoka chini ya kioo.
- basement — Mashine tupu ya uchapishaji saa 3 asubuhi - fonti kubwa, zilizobanwa zikitandazwa kwenye rangi nyeusi iliyokolea, mwanga mdogo wa rangi ya chungwa kwenye upau wa urambazaji, kila kitu kingine kiwe cheupe au kijivu chenye mawingu.
- Ori — Chumba cha seva saa sita usiku kina utupu mweusi, taa nyeupe, na swichi moja imewashwa.
- Amaterasu — Hifadhi ya Turquoise ya Mbinguni
- Stink Studios — Studio ya filamu usiku wa manane - projekta inavuma, chumba ni giza, filamu pekee ndiyo imewashwa
- Obsidian — Hifadhi ya maarifa ya fuwele. Nafasi ya kidijitali iliyo wazi na yenye pande nyingi iliyoundwa kwa ajili ya uwazi na umakini, yenye mishipa ya zambarau inayong'aa ya mwingiliano.