Spotify
Lumi hoʻokele jukebox pō
He kikowaena hoʻokele pāpāho ʻeleʻele a mānoanoa ka pilina pūnaewele o Spotify: he canvas kokoke i ka ʻeleʻele i hoʻonani ʻia me nā kiʻi album olaola, kahi leo ʻōmaʻomaʻo hoʻokahi, a me nā mana hoʻomalu pila. He liʻiliʻi a pono ka typography—he ʻano kikokikona sans-serif geometric i hoʻolālā pono ʻia ma kahi liʻiliʻi, e ʻae ana i ke kiʻi album a me nā kiʻi pena kiʻi e hana i ka hapa nui o ka hana ʻike. ʻO ka hoʻonohonoho ʻana he pūpū kolamu ʻelua paʻa (ʻaoʻao + hānai nui) me kahi grid o nā kiʻi album huinaha a me nā avatars poepoe, e hana ana i kahi hoʻololi rhythmic o nā ʻano geometric. Hōʻalo ka pilina i nā loli koʻikoʻi i ke kiʻekiʻe, e hilinaʻi ana i nā ʻokoʻa ʻili maalea (#121212 kāleka ma kahi canvas #000000) a me kahi hae gradient nui hoʻokahi no ka ikehu. ʻO ka hopena he manaʻo o kahi keʻena DJ: ʻike nui, ʻeleʻele leo, a mākaukau e pāʻani i ka nānā ʻana.
ʻO kahi hoʻonohonoho paʻa ʻelua kolamu e hōʻike ana i kahi ʻaoʻao hema ("Your Library") a me kahi ʻāpana ʻike nui pane. ʻO ka pā luna he pā ʻeleʻele piha me ka huli ma ka hema a me nā hana moʻokāki ma ka ʻākau. ʻŌwili pololei ka ʻike nui, me nā carousels ākea o nā kāleka—nā mele kaulana i loko o kahi grid huinaha 5-kolana, nā mea pena kiʻi kaulana i loko o kahi grid pōʻai 5-kolana, a me nā album/singles kaulana e hoʻomau nei i kēia ʻano. He paʻa ka mamao ma waena o nā ʻāpana (32 cm). Hoʻopaʻa ʻia ka hae hoʻolaha lalo ma lalo o ka viewport. Hoʻokele wale ʻia ka hoʻokele ma o ka pā luna a me ka ʻaoʻao ʻaoʻao—ʻaʻohe mega-menu a i ʻole nā breadcrumbs. Hoʻololi ke mele: nā kāleka huinaha → nā kāleka poepoe → nā kāleka huinaha, e hana ana i ka ʻokoʻa geometric ma waena o nā ʻāpana.
ʻO nā uhi album a me nā kiʻi o nā mea pena kiʻi nā ʻike maka mua. Hōʻike ʻia nā uhi ma ke ʻano he mau ʻāpana huinahā mānoanoa (lakio hiʻohiʻona 1:1) me ka radius 6px—ʻoi aku ka maikaʻi e nānā i ka hoʻoponopono akā palupalu e like me ke au hou. He mau ʻāpana poepoe nā kiʻi o nā mea pena kiʻi, e hoʻokūpaʻa ana i ka maka ma ke ʻano he mea hōʻike. ʻAʻohe kiʻi hoʻonaninani, nā kiʻi nohona, a i ʻole nā kiʻi abstract i ka interface nui. ʻO ka mea ʻike maka ʻaʻole kiʻi wale nō he hae gradient poni-a-uliuli ma lalo, ʻo ia ka mea hoʻokahi o ke kala o ka brand. He minimalist nā ikona, monolinear, keʻokeʻo ma kahi kua ʻeleʻele—liʻiliʻi a hana pono, ʻaʻole hoʻi he mea hoʻonaninani.
Paleta
Lama
- Spotify Green
#1ed760— Hoʻohana ʻia ka ʻōmaʻomaʻo ma ke ʻano he kala lua no nā kikoʻī hoʻonaninani a no ka hōʻike ʻana i nā nīnau hulina i hoʻohana pinepine ʻole ʻia. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he kala mua no nā kāhea i ka hana.
Kūlike ʻole
- Pure White
#ffffff— He ʻili māmā e kākoʻo ana no ka hana ʻana i kahi hope huna a me ka hoʻokaʻawale ʻana i nā ʻāpana. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he kala mua no ke kāhea ʻana i ka hana. - Signal Red
#b85850— He mea kākoʻo ka ʻulaʻula no nā kikoʻī hoʻonaninani a no ka hoʻomālamalama ʻana i nā kala maʻamau ʻole. E hoʻohana iā ia ma ke ʻano he mea kākoʻo, ʻaʻole ma ke ʻano he kala kūlana. - Void Black
#000000— Kāwele ʻaoʻao, hope hoʻokele luna, papa ʻili hohonu loa - Carbon
#121212— Nā ʻili pepa, nā panela ʻaoʻao, ka papa ʻili lua ma luna o ka canvas - Graphite
#1f1f1f— ʻIli i hāpai ʻia - nā kūlana hoʻoluliluli, nā kahua hoʻokomo, nā mea hoʻokele i koho ʻia. - Smoke
#292929— Kāʻei hoʻokele hana, hopena kukui iki.
Palapala hoʻopili
mai 11 a 24px · 4 mau ʻanuʻu
- SpotifyMixUI — pani: Inter · nā hoʻolālā 400, 600, 700 · Kope kino, hoʻokele, pihi, metadata, nā captions liʻiliʻi—he hoʻolālā liʻiliʻi a waiwai i ka ʻike i hoʻolālā ʻia e maalea, e ʻae ana i nā mea noʻeau e noho aliʻi.
- SpotifyMixUITitle — pani: Inter weight 700 · nā hoʻolālā 700 · Nā poʻomanaʻo ʻāpana ("Nā Mele Kaulana," "Nā Mea Hana Kiʻi Kaulana") - ʻo kahi kinona wiwo ʻole a waena ka nui e hoʻokaʻawale i nā poʻomanaʻo me ka ʻole o ka hoʻopiha nui ʻana i ka pakuhi kāleka.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | mānoanoa |
| Kaʻanuʻu kumu | 8-12px |
| Ka radius o ke pihi | 9999px |
| Ka laulā o ke kāleka | 6px |
| Nā aka | ka liʻiliʻi loa |
| Ma waena o nā ʻāpana | 32-48px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Spotify a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- Resend — ʻeleʻele velvet me ke kala neon poni
- Neon — He lumi kikowaena ma hope o ka pōʻeleʻele. Pōʻeleʻele maʻemaʻe, kahi e puka mai ai ke kukui wale nō mai ka ʻikepili a me nā pilina mea hoʻohana.
- Discord — Ua hūnā ʻia ka honua pāʻani ma hope o kahi puka makani kamaʻilio pop-up - ʻo kēlā me kēia ʻāpana he wahi kūʻokoʻa me kāna kukui ponoʻī a me nā hoʻonohonoho o nā huapalapala
- Idle Finance — ʻO ka papahele kālepa neon o nā kikowaena kai hohonu he kikowaena moku ʻeleʻele kahi e hou ai kahi kukui polū hoʻokahi i ka pouli.
- Midjourney — He kikowaena bioluminescent i loko o ke kai hohonu. He honua kai hohonu kahi e hoʻopuka ai ka naʻauao iā ia iho i nā kahawai ASCII, a ʻike ʻia nā kaohi e like me nā hiʻohiʻona ʻālohilohi iki.
- Netflix — Papa Kikohoʻe Pau ʻole. He ʻike kiʻiʻoniʻoni kahi e hōʻike ʻia ai kahi waihona puke pau ʻole o nā ʻike e kūʻē ana i kahi kua ʻeleʻele loa, keaka.
- Wope — He ʻaoʻao poni ʻo Wope. E noʻonoʻo i kahi papa ʻaina nānā pouli me kahi kukui poni e ʻālohilohi ana mai lalo mai o ke aniani.
- basement — He mīkini paʻi hakahaka i ka hola 3am - nā kinona nui i ʻomi ʻia e pālahalaha ana ma ka ʻeleʻele loa, hoʻokahi ʻālohilohi o ke kukui ʻalani ma ka papa hoʻokele, nā mea ʻē aʻe he keʻokeʻo a hina hina paha.
- Ori — He ʻeleʻele hakahaka ka lumi kikowaena i ke aumoe, he kukui keʻokeʻo, hoʻokahi kuapo e hoʻā ana.
- Amaterasu — Ka Hale Hoʻāno ʻŌlinolino Lani
- Stink Studios — He hale hana kiʻiʻoniʻoni i ke aumoe - kani ka mea hoʻolele kiʻiʻoniʻoni, pouli ka lumi, ʻo ke kiʻiʻoniʻoni wale nō ke hoʻomālamalama ʻia
- Obsidian — He waihona o ka ʻike aniani. He wahi kikohoʻe maopopo a lehulehu i hoʻolālā ʻia no ka mōakāka a me ka nānā pono ʻana, me nā aa ʻulaʻula poni o ka launa pū ʻana.