Spotify
Sal kontwòl jukebox lannwit
Entèfas entènèt Spotify la se yon sant kontwòl medya dans e fonse: yon twal prèske nwa dekore avèk yon imaj albòm byen vivan, yon sèl aksan vèt siyati, ak kontwòl ki gen fòm grenn. Tipografi a kontra enfòmèl ant e itil—yon polis karaktè sans-serif jewometrik ki fèt espesyalman nan yon ti gwosè, ki pèmèt imaj albòm lan ak foto atis yo fè pi fò nan travay vizyèl la. Mizanpaj la se yon kokiy fiks de kolòn (ba lateral + fil prensipal) ak yon griy imaj albòm kare ak avatar won, ki kreye yon altènasyon ritmik kalite jewometrik yo. Entèfas la evite chanjman byen file nan wotè, li konte sou distenksyon sifas sibtil (kat #121212 sou yon twal #000000) ak yon sèl gwo banyè gradyan pou enèji. Rezilta a se yon santiman tankou yon kabin DJ: dans an enfòmasyon, fonse akoustikman, e pare pou jwe yon sèl koudey.
Yon layout fiks ak de kolòn prezante yon ba bò gòch ("Bibliyotèk ou a") ak yon zòn kontni prensipal adaptatif. Ba anwo a se yon ba nwa ki gen tout lajè a, ak rechèch sou bò gòch la ak aksyon kont sou bò dwat la. Kontni prensipal la defile vètikalman, ak karousèl kat orizontal—mizik popilè nan yon griy kare 5 kolòn, atis popilè nan yon griy sikilè 5 kolòn, ak albòm/senglis popilè ki kontinye modèl sa a. Espas ki genyen ant seksyon yo kontra (32 cm). Banyè piblisite ki anba a ankre nan pati anba fenèt la. Navigasyon an jere sèlman atravè ba anwo a ak ba bò a—pa gen mega-meni oswa fil d'Ariane. Ritm nan altène: kat kare → kat won → kat kare, sa ki kreye yon kontras jeyometrik ant seksyon yo.
Kouvèti albòm yo ak foto atis yo se prensipal kontni vizyèl la. Kouvèti yo prezante kòm fragman kare dans (rapò aspè 1:1) ak yon reyon 6px—ase klè pou yo sanble editoryal men ase mou pou yo kontanporen. Foto atis yo se fragman won, ki mete aksan sou figi a kòm yon idantifyan. Entèfas prensipal la pa gen foto dekoratif, imaj vi, oswa grafik abstrè. Sèl eleman vizyèl ki pa fotografik la se yon banyè gradyan koulè mov rive ble anba a, ki sèvi kòm sèl eleman koulè mak la. Ikòn yo minimalist, monolineyè, blan sou yon background nwa—piti epi fonksyonèl, pa janm dekoratif.
Palèt
Mak
- Spotify Green
#1ed760— Vèt la itilize kòm yon aksan segondè pou detay dekoratif epi pou mete aksan sou rechèch ki mwens itilize yo. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon.
Netral
- Pure White
#ffffff— Yon sifas sipò lejè pou kreye yon background ki pa twò aparan epi separe seksyon yo. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon an. - Signal Red
#b85850— Wouj sèvi kòm yon aksan sipò pou detay dekoratif epi pou mete aksan sou koulè ki pa komen. Sèvi ak li kòm yon aksan sipò, pa kòm yon koulè pou mete estati. - Void Black
#000000— Kanva paj la, background navigasyon anwo a, kouch sifas ki pi pwofon an - Carbon
#121212— Sifas katon, panno bò, kouch sifas segondè sou twal - Graphite
#1f1f1f— Sifas ki leve anlè - eta survol, chan pou antre, eleman navigasyon ki chwazi yo. - Smoke
#292929— Fon navigasyon aktif, yon ti efè ekleraj dèyè.
Tipografi
soti nan 11 pou rive nan 24px · 4 etap
- SpotifyMixUI — ranplasman: Inter · plan 400, 600, 700 · Kò tèks, navigasyon, bouton, metadone, ti lejann—yon konsepsyon kontra enfòmèl ant, rich an enfòmasyon, ki fèt pou sibtil, pou pèmèt eleman atistik yo domine.
- SpotifyMixUITitle — ranplasman: Inter weight 700 · plan 700 · Tit seksyon yo ("Chanson Popilè," "Atis Popilè") - yon lèt fonse, gwosè modere fè tit yo parèt byen san yo pa twò chaje griy kat la.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 8-12px |
| Reyon bouton | 9999px |
| Reyon kat | 6px |
| Lonbray | minimòm |
| Ant seksyon yo | 32-48px |
IA ap bati sit entènèt ou a nan style Spotify epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Resend — velours nwa ak koulè neon mov
- Neon — Yon chanm sèvè apre fènwa. Fènwa nèt, kote sèl limyè a soti nan done ak entèraksyon itilizatè yo.
- Discord — Mond jwèt la kache dèyè yon fenèt chat pop-up - chak seksyon se yon anviwònman endepandan ak pwòp ekleraj li yo ak seri karaktè li yo.
- Idle Finance — Plan komès neon tèminal lanmè pwofon yo se yon tèminal naval fè nwa kote yon sèl limyè ble pèse fènwa a.
- Midjourney — Yon tèminal bioluminesan nan fon lanmè a. Yon mond nan fon lanmè kote entèlijans jenere tèt li vizyèlman nan kouran ASCII, epi kontwòl yo parèt tankou modèl ki klere yon ti kras.
- Netflix — Etajè Dijital Enfini. Yon eksperyans sinematik kote yon bibliyotèk kontni san fen prezante sou yon seri teyat ki fè nwa anpil.
- Wope — Wope se yon koòdone orizon mov. Imajine yon tab obsèvatwa nwa ak yon limyè mov k ap briye anba vit la.
- basement — Yon machin enprimri vid a 3è dimaten – gwo lèt konprese k ap gaye sou fènwa a, yon sèl ti limyè zoranj sou ba navigasyon an, tout rès la blan oswa gri tankou yon fantom.
- Ori — Sal sèvè a a minwi se yon vid nwa, limyè blan, yon sèl switch limen.
- Amaterasu — Sanktyè Selès Tirkwaz
- Stink Studios — Yon estidyo fim a minwi - pwojektè a ap ronfle, chanm nan fè nwa, se fim nan sèlman ki limen.
- Obsidian — Yon depo konesans kristalin. Yon espas dijital klè, milti-fasèt, ki fèt pou klète ak konsantrasyon, ak venn entèraksyon koulè mov klere.