Spotify
Dhoma e kontrollit të jubox-it të natës
Ndërfaqja web e Spotify është një qendër kontrolli mediash e dendur dhe e errët: një kanavacë pothuajse e zezë e zbukuruar me art të gjallë albumi, një theks të vetëm jeshil karakteristik dhe kontrolle në formë pilule. Tipografia është kompakte dhe utilitare - një font gjeometrik sans-serif i projektuar me porosi në një madhësi të vogël, duke lejuar që arti i albumit dhe fotot e artistëve të bëjnë pjesën më të madhe të punës vizuale. Paraqitja është një guaskë fikse me dy kolona (shirit anësor + burimi kryesor) me një rrjetë arti katror të albumit dhe avatarë të rrumbullakët, duke krijuar një alternim ritmik të llojeve gjeometrike. Ndërfaqja shmang ndryshimet e mprehta në lartësi, duke u mbështetur në dallimet delikate sipërfaqësore (kartat #121212 në një kanavacë #000000) dhe një banderolë të vetme të madhe me gradient për energji. Rezultati është një ndjesi e një kabine DJ: informacion i dendur, akustikisht i errët dhe gati për t'u luajtur me një shikim.
Një paraqitje fikse me dy kolona përmban një shirit anësor të majtë ("Biblioteka Juaj") dhe një zonë kryesore të përmbajtjes që i përshtatet nevojave. Shiriti i sipërm është një shirit i zi me gjerësi të plotë me kërkim në të majtë dhe veprime llogarie në të djathtë. Përmbajtja kryesore lëviz vertikalisht, me karusele horizontale kartash - këngë të njohura në një rrjet katror me 5 kolona, artistë të njohur në një rrjet rrethor me 5 kolona dhe albume/këngë të njohura që vazhdojnë këtë model. Hapësira midis seksioneve është kompakte (32 cm). Baneri i poshtëm i reklamave është i ankoruar në fund të dritares së shikimit. Navigimi trajtohet ekskluzivisht përmes shiritit të sipërm dhe shiritit anësor - pa mega-menu ose thërrime buke. Ritmi alternohet: karta katrore → karta të rrumbullakëta → karta katrore, duke krijuar kontrast gjeometrik midis seksioneve.
Kopertinat e albumeve dhe fotot e artistëve janë përmbajtja kryesore vizuale. Kopertinat paraqiten si fragmente të dendura katrore (raporti i aspektit 1:1) me një rreze prej 6px - mjaftueshëm të qarta për t'u dukur editoriale, por edhe mjaftueshëm të buta për të qenë bashkëkohore. Fotot e artistëve janë fragmente të rrumbullakëta, duke theksuar fytyrën si një identifikues. Ndërfaqja kryesore është pa foto dekorative, imazhe stili jetese ose grafika abstrakte. Elementi i vetëm vizual jo-fotografik është një banderolë me gradient vjollcë-në-blu në pjesën e poshtme, e cila shërben si elementi i vetëm i ngjyrës së markës. Ikonat janë minimaliste, monolineare, të bardha në një sfond të errët - të vogla dhe funksionale, kurrë dekorative.
Paletë
Markë
- Spotify Green
#1ed760— E gjelbra përdoret si një theks dytësor për detajet dekorative dhe për të nxjerrë në pah pyetjet e kërkimit që përdoren më pak. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim.
Neutral
- Pure White
#ffffff— Një sipërfaqe mbështetëse e lehtë për të krijuar një sfond diskret dhe për të ndarë seksionet. Nuk duhet të përdoret si ngjyra kryesore për thirrjen për veprim. - Signal Red
#b85850— E kuqja shërben si një theks mbështetës për detajet dekorative dhe për të nxjerrë në pah ngjyrat e pazakonta. Përdoreni atë si një theks mbështetës, jo si një ngjyrë statusi. - Void Black
#000000— Kanavacë faqeje, sfond navigimi sipër, shtresë sipërfaqësore më e thellë - Carbon
#121212— Sipërfaqe kartoni, panele anësore, shtresë sipërfaqësore dytësore mbi kanavacë - Graphite
#1f1f1f— Sipërfaqe e ngritur - gjendjet e qëndrimit pezull, fushat e hyrjes, elementët e zgjedhur të navigimit. - Smoke
#292929— Sfond navigimi aktiv, efekt i lehtë i ndriçimit të pasmë.
Tipografi
nga 11 në 24px · 4 hapa
- SpotifyMixUI — zëvendësim: Inter · skica 400, 600, 700 · Teksti i trupit, navigimi, butonat, meta të dhënat, mbishkrimet e vogla - një dizajn kompakt dhe i pasur me informacion, i projektuar për të qenë delikat, duke lejuar që elementët artistikë të dominojnë.
- SpotifyMixUITitle — zëvendësim: Inter weight 700 · skica 700 · Titujt e seksioneve ("Këngë Popullore", "Artistë Popullorë") - një font i theksuar dhe me madhësi mesatare i bën titujt të dallohen pa e mbingarkuar rrjetën e kartave.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8-12px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 6px |
| Hijet | minimal |
| Midis seksioneve | 32-48px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Spotify dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Resend — kadife e zezë me ngjyrë vjollcë neoni
- Neon — Një dhomë serverash pas errësirës. Errësirë e pastër, ku e vetmja dritë vjen nga të dhënat dhe ndërveprimet e përdoruesve.
- Discord — Bota e lojës është e fshehur pas një dritareje bisede që shfaqet - çdo seksion është një mjedis i pavarur me ndriçimin dhe grupin e vet të personazheve.
- Idle Finance — Kati tregtar me neon i terminaleve në det të thellë është një terminal detar i errët ku një dritë e vetme blu përshkon errësirën.
- Midjourney — Një terminal biolumineshent në oqeanin e thellë. Një botë në det të thellë ku inteligjenca gjenerohet vizualisht në rrjedhat ASCII dhe kontrollet shfaqen si modele me shkëlqim të zbehtë.
- Netflix — Infinite Digital Shelf. Një përvojë kinematografike ku një bibliotekë e pafundme përmbajtjesh paraqitet në një sfond teatral si të zi.
- Wope — Wope është një ndërfaqe horizonti vjollcë. Imagjinoni një tavolinë të errët vëzhgimi me një dritë vjollcë që rrezaton nga poshtë xhamit.
- basement — Një makinë shtypi e zbrazët në orën 3 të mëngjesit – shkronja të mëdha e të ngjeshura që shpërndahen në errësirën e plotë, një shkëlqim i vetëm drite portokalli në shiritin e navigimit, gjithçka tjetër e bardhë ose gri fantazmë.
- Ori — Dhoma e serverëve në mesnatë është një boshllëk i zi, dritë e bardhë, një çelës ndezur.
- Amaterasu — Streha Qiellore me Ngjyrë Turkuaze
- Stink Studios — Një studio filmi në mesnatë - projektori gumëzhin, dhoma është e errët, vetëm filmi është i ndezur
- Obsidian — Një depo e njohurive kristaline. Një hapësirë dixhitale e qartë dhe shumëplanëshe e projektuar për qartësi dhe fokus, me vena të ndritshme vjollce të ndërveprimit.