Spotify
Nočna nadzorna soba za džuboks
Spotifyjev spletni vmesnik je gosto, temno središče za nadzor medijev: skoraj črno platno, okrašeno z živahnimi ovitki albuma, enim samim značilnim zelenim poudarkom in krmilniki v obliki tablete. Tipografija je kompaktna in utilitarna – po meri oblikovana geometrijska pisava sans-serif v majhni velikosti, ki omogoča, da ovitki albuma in fotografije izvajalcev opravijo večino vizualnega dela. Postavitev je fiksna lupina z dvema stolpcema (stranska vrstica + glavni vir) z mrežo kvadratnih ovitkov albuma in okroglih avatarjev, kar ustvarja ritmično menjavanje geometrijskih tipov. Vmesnik se izogiba ostrim spremembam višine, saj se zanaša na subtilne površinske razlike (karte #121212 na platnu #000000) in en sam velik gradientni pas za energijo. Rezultat je občutek DJ kabine: gosta z informacijami, akustično temna in pripravljena za predvajanje na prvi pogled.
Fiksna dvostolpčna postavitev ima levo stransko vrstico (»Vaša knjižnica«) in odzivno glavno območje z vsebino. Zgornja vrstica je črna vrstica polne širine z iskanjem na levi in dejanji računa na desni. Glavna vsebina se pomika navpično, z vodoravnimi vrtiljaki kartic – priljubljene pesmi v kvadratni mreži s 5 stolpci, priljubljeni izvajalci v krožni mreži s 5 stolpci in priljubljeni albumi/singli, ki nadaljujejo ta vzorec. Razmik med razdelki je kompakten (32 cm). Spodnja oglasna pasica je zasidrana na dnu vidnega polja. Navigacija se izvaja izključno prek zgornje vrstice in stranske vrstice – brez mega menijev ali drobtin. Ritem se izmenjuje: kvadratne kartice → okrogle kartice → kvadratne kartice, kar ustvarja geometrijski kontrast med razdelki.
Primarna vizualna vsebina so naslovnice albumov in fotografije izvajalcev. Naslovnice so predstavljene kot gosti kvadratni fragmenti (razmerje stranic 1:1) s polmerom 6 slikovnih pik – dovolj ostri, da izgledajo uredniško, a hkrati dovolj mehki, da so sodobni. Fotografije izvajalcev so okrogli fragmenti, ki poudarjajo obraz kot identifikator. Glavni vmesnik je brez dekorativnih fotografij, slik življenjskega sloga ali abstraktne grafike. Edini vizualni element, ki ni fotografski, je vijolično-moder gradientni pas na dnu, ki služi kot edini element barve blagovne znamke. Ikone so minimalistične, enoliniarne, bele na temnem ozadju – majhne in funkcionalne, nikoli dekorativne.
Paleta
Blagovna znamka
- Spotify Green
#1ed760— Zelena se uporablja kot sekundarni poudarek za dekorativne detajle in za poudarjanje manj pogosto uporabljenih iskalnih poizvedb. Ne sme se uporabljati kot primarna barva za pozive k dejanju.
Nevtralno
- Pure White
#ffffff— Svetla nosilna površina za ustvarjanje nevsiljivega ozadja in ločevanje delov. Ne sme se uporabljati kot primarna barva za poziv k dejanju. - Signal Red
#b85850— Rdeča služi kot podporni poudarek za dekorativne detajle in za poudarjanje nenavadnih barv. Uporabite jo kot podporni poudarek, ne kot statusno barvo. - Void Black
#000000— Platno strani, ozadje zgornje navigacije, najgloblja površinska plast - Carbon
#121212— Kartonske površine, stranske plošče, sekundarna površinska plast čez platno - Graphite
#1f1f1f— Dvignjena površina - stanja lebdenja, vnosna polja, izbrani navigacijski elementi. - Smoke
#292929— Aktivno navigacijsko ozadje, rahel učinek osvetlitve od zadaj.
Tipografija
od 11 do 24 slikovnih pik · 4 koraki
- SpotifyMixUI — zamenjava: Inter · obrisi 400, 600, 700 · Telo besedila, navigacija, gumbi, metapodatki, majhni napisi – kompaktna, informacijsko bogata zasnova, zasnovana tako, da je subtilna in omogoča prevlado umetniških elementov.
- SpotifyMixUITitle — zamenjava: Inter weight 700 · obrisi 700 · Naslovi razdelkov (»Priljubljene pesmi«,»Priljubljeni izvajalci«) – krepka pisava srednje velikosti poskrbi, da naslovi izstopajo, ne da bi preobremenila mrežo kartic.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8-12px |
| Polmer gumba | 9999px |
| Polmer kartice | 6px |
| Sence | minimalno |
| Med odseki | 32-48px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Spotify in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Resend — črni žamet z vijolično neonsko barvo
- Neon — Strežniška soba po temi. Čista tema, kjer edina svetloba prihaja od podatkov in interakcij uporabnikov.
- Discord — Igralni svet se skriva za pojavnim oknom za klepet - vsak del je samostojno okolje s svojo osvetlitvijo in naborom likov.
- Idle Finance — Neonsko trgovsko nadstropje globokomorskih terminalov je temen pomorski terminal, kjer skozi mrak prebada ena sama modra luč.
- Midjourney — Bioluminiscenčni terminal v globokem oceanu. Globokomorski svet, kjer se inteligenca vizualno generira v ASCII tokovih, krmilniki pa so videti kot rahlo svetleči vzorci.
- Netflix — Neskončna digitalna polica. Kinematografska izkušnja, kjer je neskončna knjižnica vsebin predstavljena pred črnim, kinodvoranskim ozadjem.
- Wope — Wope je vijoličen vmesnik obzorja. Predstavljajte si temno opazovalno mizo z vijolično svetlobo, ki sije izpod stekla.
- basement — Prazen tiskarski stroj ob 3. uri zjutraj – ogromne, stisnjene pisave, ki se razprostirajo po smolni črnini, en sam blisk oranžne luči na navigacijski vrstici, vse ostalo belo ali duhovno sivo.
- Ori — Strežna soba je ob polnoči črna praznina, bela luč, eno stikalo prižgano.
- Amaterasu — Nebeško turkizno svetišče
- Stink Studios — Filmski studio opolnoči - projektor brni, soba je temna, osvetljen je le film
- Obsidian — Repozitorij kristalnega znanja. Jasen, večplasten digitalni prostor, zasnovan za jasnost in osredotočenost, s svetlečimi vijoličnimi žilami interakcije.