Spotify
Chipinda chowongolera jukebox usiku
Mawonekedwe a pa intaneti a Spotify ndi malo olamulira zinthu zakuda komanso zakuda: nsalu yakuda yokongoletsedwa ndi zojambula za album, mtundu umodzi wobiriwira, ndi zowongolera zooneka ngati piritsi. Kalembedwe kake ndi kakang'ono komanso kothandiza—kalembedwe ka geometric sans-serif kopangidwa mwapadera kakang'ono, kulola zojambula za album ndi zithunzi za ojambula kuchita zambiri pa ntchito yowonera. Kapangidwe kake ndi chipolopolo chokhazikika cha mizere iwiri (mbali + chakudya chachikulu) chokhala ndi gulu la zojambula za album ndi ma avatar ozungulira, zomwe zimapangitsa kusinthana kwamitundu yosiyanasiyana ya geometric. Mawonekedwe ake amapewa kusintha kwakukulu kutalika, kudalira kusiyana pang'ono kwa pamwamba (makadi #121212 pa nsalu ya #000000) ndi chikwangwani chimodzi chachikulu cha gradient cha mphamvu. Zotsatira zake ndi kumverera kwa DJ booth: yodzaza ndi chidziwitso, yakuda kwambiri, komanso yokonzeka kuseweredwa mwachangu.
Kapangidwe ka mizati iwiri kokhazikika kali ndi mbali yakumanzere ("Laibulale Yanu") ndi gawo lalikulu loyankha. Mbali ya pamwamba ndi bala lakuda lonse lokhala ndi kusaka kumanzere ndi zochita za akaunti kumanja. Zomwe zili mkati mwake zimasuntha molunjika, ndi makadi ozungulira—nyimbo zodziwika bwino mu gridi ya sikweya ya mizati 5, ojambula otchuka mu gridi yozungulira ya mizati 5, ndi ma Albums/single otchuka omwe akupitiliza izi. Mipata pakati pa magawo ndi yaying'ono (32 cm). Chikwangwani cha malonda chapansi chimakhazikika pansi pa viewport. Kuyenda kumachitika kokha kudzera mu bar yapamwamba ndi mbali ya mizati—palibe menyu yayikulu kapena breadcrumbs. Nyimbo zimasinthasintha: makadi a sikweya → makadi ozungulira → makadi a sikweya, kupanga kusiyana pakati pa magawo.
Zikuto za Album ndi zithunzi za ojambula ndizo zomwe zili mkati mwa zithunzi. Zikutozo zimawonetsedwa ngati zidutswa zokhuthala (1:1 aspect ratio) zokhala ndi 6px radius—zopyapyala mokwanira kuti ziwoneke ngati zokonzedwanso koma zofewa mokwanira kuti zikhale zamakono. Zithunzi za ojambula ndi zidutswa zozungulira, zomwe zimagogomezera nkhope ngati chizindikiro. Mawonekedwe akuluakulu alibe zithunzi zokongoletsera, zithunzi za moyo, kapena zithunzi zosamveka. Chinthu chokhacho chowoneka chomwe sichili chojambula ndi chikwangwani chofiirira mpaka chabuluu pansi, chomwe chimagwira ntchito ngati chinthu chokhacho cha mtundu wa mtunduwo. Zizindikiro ndi zazing'ono, zolunjika, zoyera kumbuyo kwamdima—zazing'ono komanso zogwira ntchito, sizikongoletsa konse.
Paleti
Mtundu
- Spotify Green
#1ed760— Chobiriwira chimagwiritsidwa ntchito ngati mawu achiwiri okongoletsa komanso kuwunikira mafunso osakira omwe sagwiritsidwa ntchito kawirikawiri. Sichiyenera kugwiritsidwa ntchito ngati mtundu waukulu wofunsira kuchitapo kanthu.
Osalowerera
- Pure White
#ffffff— Malo opepuka othandizira popanga maziko osawoneka bwino komanso olekanitsa zigawo. Siyenera kugwiritsidwa ntchito ngati mtundu waukulu wa kuyitana kuchitapo kanthu. - Signal Red
#b85850— Chofiira chimagwiritsidwa ntchito ngati chothandizira pazinthu zokongoletsera komanso kuwunikira mitundu yosazolowereka. Chigwiritseni ntchito ngati chothandizira, osati ngati mtundu wodziwika bwino. - Void Black
#000000— Tsamba la kansalu, maziko oyambira oyendera, gawo lozama kwambiri la pamwamba - Carbon
#121212— Malo a makatoni, mapanelo am'mbali, gawo lachiwiri pamwamba pa nsalu - Graphite
#1f1f1f— Malo okwezeka - momwe zinthu zilili, malo olowera, zinthu zosankhidwa zoyendera. - Smoke
#292929— Kumbuyo koyenda kogwira ntchito, kuwala pang'ono kumbuyo.
Kulemba zilembo
kuyambira 11 mpaka 24px · masitepe 4
- SpotifyMixUI — cholowa m'malo: Inter · mndandanda 400, 600, 700 · Koperani thupi, kuyenda, mabatani, metadata, mawu ang'onoang'ono ofotokozera—kapangidwe kakang'ono, kodzaza ndi chidziwitso chopangidwa kuti kakhale kosavuta, kulola zinthu zaluso kulamulira.
- SpotifyMixUITitle — cholowa m'malo: Inter weight 700 · mndandanda 700 · Mitu ya magawo ("Nyimbo Zotchuka," "Ojambula Otchuka") - zilembo zazikulu komanso zolimba zimapangitsa mituyo kuonekera bwino popanda kudzaza gridi ya makadi.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | wokhuthala |
| Gawo loyambira | 8-12px |
| Utali wa batani | 9999px |
| Utali wa khadi | 6px |
| Mithunzi | zochepa |
| Pakati pa magawo | 32-48px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Spotify ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- Resend — velvet wakuda wokhala ndi mtundu wofiirira wa neon
- Neon — Chipinda cha seva pambuyo pa mdima. Mdima weniweni, komwe kuwala kokhako kumachokera ku deta ndi kuyanjana kwa ogwiritsa ntchito.
- Discord — Dziko la masewerawa labisika kuseri kwa zenera lochezera - gawo lililonse ndi malo odziyimira palokha okhala ndi kuwala kwake ndi gulu la anthu otchulidwa.
- Idle Finance — Pansi pa malo ogulitsira ma neon a malo otsetsereka a m'nyanja yakuya ndi malo amdima a m'nyanja pomwe kuwala kwabuluu kamodzi kokha kumadutsa mumdima.
- Midjourney — Malo otsetsereka a bioluminescent m'nyanja yakuya. Dziko lakuya la nyanja komwe nzeru zimadzipanga zokha m'mitsinje ya ASCII, ndipo zowongolera zimawoneka ngati mawonekedwe owala pang'ono.
- Netflix — Shelufu Yopanda Malire Ya digito. Chochitika cha kanema komwe laibulale yosatha ya zinthu imawonetsedwa mozungulira ngati chithunzi chakuda kwambiri.
- Wope — Wope ndi mawonekedwe ofiirira a horizon. Tangoganizirani tebulo lakuda loyang'anira zinthu ndi kuwala kofiirira komwe kumawonekera pansi pa galasi.
- basement — Makina osindikizira opanda kanthu nthawi ya 3 koloko m'mawa - zilembo zazikulu, zopindika zomwe zikufalikira pamdima wakuda, kuwala kamodzi ka lalanje pa navigation bar, china chilichonse choyera kapena imvi yowala.
- Ori — Chipinda cha seva pakati pausiku chili ndi malo opanda kanthu akuda, nyali yoyera, ndi switch imodzi yoyatsidwa.
- Amaterasu — Malo Opatulika a Turquoise a Kumwamba
- Stink Studios — Situdiyo yojambulira mafilimu pakati pausiku - pulojekitala ikuimba kulira, chipinda chili chamdima, filimu yokha ndiyo yayatsidwa
- Obsidian — Malo osungiramo chidziwitso cha kristalo. Malo omveka bwino, okhala ndi mbali zambiri zama digito opangidwa kuti azimveka bwino komanso kuyang'ana kwambiri, okhala ndi mitsempha yofiirira yowala yolumikizana.