Spotify
Ystafell reoli jukebox nos
Mae rhyngwyneb gwe Spotify yn ganolfan reoli cyfryngau dwys, dywyll: cynfas bron yn ddu wedi'i addurno â chelf albwm bywiog, acen werdd llofnod sengl, a rheolyddion siâp pilsen. Mae'r teipograffeg yn gryno ac yn ddefnyddiol—ffont geometrig sans-serif wedi'i gynllunio'n arbennig ar faint bach, gan ganiatáu i gelf yr albwm a lluniau'r artist wneud y rhan fwyaf o'r gwaith gweledol. Mae'r cynllun yn gragen ddwy golofn sefydlog (bar ochr + prif borthiant) gyda grid o gelf albwm sgwâr ac avatarau crwn, gan greu newid rhythmig o fathau geometrig. Mae'r rhyngwyneb yn osgoi newidiadau miniog mewn uchder, gan ddibynnu ar wahaniaethau arwyneb cynnil (cardiau #121212 ar gynfas #000000) ac un baner graddiant fawr ar gyfer egni. Y canlyniad yw teimlad o fwth DJ: yn llawn gwybodaeth, yn dywyll yn acwstig, ac yn barod i chwarae ar unwaith.
Mae cynllun dwy golofn sefydlog yn cynnwys bar ochr chwith ("Eich Llyfrgell") ac ardal cynnwys prif ymatebol. Mae'r bar uchaf yn far du lled llawn gyda chwiliad ar y chwith a gweithredoedd cyfrif ar y dde. Mae'r prif gynnwys yn sgrolio'n fertigol, gyda charwseli llorweddol o gardiau—caneuon poblogaidd mewn grid sgwâr 5 colofn, artistiaid poblogaidd mewn grid crwn 5 colofn, ac albymau/senglau poblogaidd yn parhau â'r patrwm hwn. Mae'r bylchau rhwng adrannau yn gryno (32 cm). Mae baner yr hysbyseb waelod wedi'i hangori ar waelod y porth gwylio. Caiff llywio ei drin yn gyfan gwbl trwy'r bar uchaf a'r bar ochr—dim mega-ddewislenni na briwsion bara. Mae'r rhythm yn newid: cardiau sgwâr → cardiau crwn → cardiau sgwâr, gan greu cyferbyniad geometrig rhwng adrannau.
Cloriau albymau a lluniau artistiaid yw'r prif gynnwys gweledol. Cyflwynir y cloriau fel darnau sgwâr trwchus (cymhareb agwedd 1:1) gyda radiws o 6px—yn ddigon clir i edrych yn olygyddol ond eto'n ddigon meddal i fod yn gyfoes. Mae lluniau artistiaid yn ddarnau crwn, gan bwysleisio'r wyneb fel dynodwr. Mae'r prif ryngwyneb yn rhydd o luniau addurniadol, delweddau ffordd o fyw, na graffeg haniaethol. Yr unig elfen weledol nad yw'n ffotograffig yw baner graddiant porffor-i-las ar y gwaelod, sy'n gwasanaethu fel yr unig elfen o liw'r brand. Mae eiconau'n finimalaidd, monolinol, gwyn ar gefndir tywyll—yn fach ac yn swyddogaethol, byth yn addurniadol.
Palet
Brand
- Spotify Green
#1ed760— Defnyddir gwyrdd fel acen eilaidd ar gyfer manylion addurniadol ac i amlygu chwiliadau llai aml. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu.
Niwtral
- Pure White
#ffffff— Arwyneb cefnogol ysgafn ar gyfer creu cefndir disylw a gwahanu adrannau. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer yr alwad i weithredu. - Signal Red
#b85850— Mae coch yn gwasanaethu fel acen gefnogol ar gyfer manylion addurniadol ac i amlygu lliwiau anghyffredin. Defnyddiwch ef fel acen gefnogol, nid fel lliw statws. - Void Black
#000000— Cynfas tudalen, cefndir llywio uchaf, haen wyneb ddyfnaf - Carbon
#121212— Arwynebau cardbord, paneli ochr, haen arwyneb eilaidd dros gynfas - Graphite
#1f1f1f— Arwyneb wedi'i godi - cyflyrau hofran, meysydd mewnbwn, elfennau llywio a ddewiswyd. - Smoke
#292929— Cefndir llywio gweithredol, effaith golau cefn ysgafn.
Teipograffeg
o 11 i 24px · 4 cam
- SpotifyMixUI — amnewid: Inter · amlinelliadau 400, 600, 700 · Copi corff, llywio, botymau, metadata, capsiynau bach—dyluniad cryno, cyfoethog o wybodaeth, wedi'i gynllunio i fod yn gynnil, gan ganiatáu i'r gwaith celf ddominyddu.
- SpotifyMixUITitle — amnewid: Inter weight 700 · amlinelliadau 700 · Penawdau adrannau ("Caneuon Poblogaidd," "Artistiaid Poblogaidd") - mae ffont beiddgar, o faint cymedrol yn gwneud i'r penawdau sefyll allan heb orlwytho grid y cardiau.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 8-12px |
| Radiws botwm | 9999px |
| Radiws y cerdyn | 6px |
| Cysgodion | lleiafswm |
| Rhwng adrannau | 32-48px |
Bydd AI yn adeiladu eich gwefan yn null Spotify ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Resend — melfed du gyda lliw neon porffor
- Neon — Ystafell gweinydd ar ôl iddi nosi. Tywyllwch pur, lle mae'r unig olau'n dod o ddata a rhyngweithiadau defnyddwyr.
- Discord — Mae byd y gêm wedi'i guddio y tu ôl i ffenestr sgwrsio naidlen - mae pob adran yn amgylchedd hunangynhwysol gyda'i goleuadau a'i set o gymeriadau ei hun.
- Idle Finance — Mae llawr masnachu neon y terfynellau môr dwfn yn derfynfa forwrol dywyll lle mae un golau glas yn tyllu'r tywyllwch.
- Midjourney — Terfynfa bioluminescent yn y cefnfor dwfn. Byd môr dwfn lle mae deallusrwydd yn cynhyrchu ei hun yn weledol mewn ffrydiau ASCII, ac mae rheolyddion yn ymddangos fel patrymau sy'n tywynnu'n wan.
- Netflix — Silff Ddigidol Anfeidraidd. Profiad sinematig lle cyflwynir llyfrgell ddiddiwedd o gynnwys yn erbyn cefndir tywyll, theatrig.
- Wope — Rhyngwyneb gorwel porffor yw Wope. Dychmygwch fwrdd arsyllfa dywyll gyda golau porffor yn tywynnu o dan y gwydr.
- basement — Gwasg argraffu wag am 3am – ffontiau enfawr, cywasgedig yn lledu ar draws y tywyllwch du, un llewyrch o oren ar y bar llywio, popeth arall yn wyn neu'n llwyd ysbrydol.
- Ori — Mae'r ystafell weinyddion am hanner nos yn wag du, golau gwyn, un switsh ymlaen.
- Amaterasu — Cysegr Twrcwais Nefol
- Stink Studios — Stiwdio ffilm am hanner nos - mae'r taflunydd yn hwmian, mae'r ystafell yn dywyll, dim ond y ffilm sydd wedi'i goleuo
- Obsidian — Storfa o wybodaeth grisialog. Gofod digidol clir, amlochrog wedi'i gynllunio ar gyfer eglurder a ffocws, gyda gwythiennau porffor llachar o ryngweithio.