Spotify
Cameră de control a tonomatului de noapte
Interfața web a Spotify este un centru de control media dens și întunecat: o pânză aproape neagră, împodobită cu coperte de album vibrante, un accent verde caracteristic și comenzi în formă de pastilă. Tipografia este compactă și utilitară - un font sans-serif geometric personalizat, de dimensiuni mici, permițând copertei albumului și fotografiilor artistului să facă cea mai mare parte a muncii vizuale. Aspectul este o cochilie fixă pe două coloane (bara laterală + flux principal) cu o grilă de coperte de album pătrate și avatare rotunde, creând o alternanță ritmică a tipurilor geometrice. Interfața evită schimbările bruște de înălțime, bazându-se pe distincții subtile de suprafață (carduri #121212 pe o pânză #000000) și un singur banner gradient mare pentru energie. Rezultatul este senzația unei cabine de DJ: densă în informații, întunecată acustic și gata de redare dintr-o privire.
Un aspect fix pe două coloane prezintă o bară laterală stângă („Biblioteca ta”) și o zonă principală de conținut responsivă. Bara superioară este o bară neagră pe toată lățimea, cu căutare în stânga și acțiuni ale contului în dreapta. Conținutul principal se derulează vertical, cu caruseluri orizontale de carduri - melodii populare într-o grilă pătrată cu 5 coloane, artiști populari într-o grilă circulară cu 5 coloane și albume/single-uri populare care continuă acest model. Spațierea dintre secțiuni este compactă (32 cm). Bannerul publicitar inferior este ancorat în partea de jos a ferestrei de vizualizare. Navigarea se face exclusiv prin intermediul barei superioare și al barei laterale - fără mega-meniuri sau breadcrumb-uri. Ritmul alternează: carduri pătrate → carduri rotunde → carduri pătrate, creând un contrast geometric între secțiuni.
Copertele albumelor și fotografiile artiștilor reprezintă principalul conținut vizual. Copertele sunt prezentate ca fragmente pătrate dense (raport de aspect 1:1) cu o rază de 6px - suficient de clare pentru a arăta editorial, dar suficient de delicate pentru a fi contemporane. Fotografiile artiștilor sunt fragmente rotunde, accentuând fața ca element de identificare. Interfața principală nu conține fotografii decorative, imagini lifestyle sau grafică abstractă. Singurul element vizual non-fotografic este un banner gradient violet-albastru în partea de jos, care servește drept unic element al culorii mărcii. Pictogramele sunt minimaliste, monoliniare, albe pe un fundal închis - mici și funcționale, niciodată decorative.
Paletă
Marca
- Spotify Green
#1ed760— Verdele este folosit ca accent secundar pentru detalii decorative și pentru a evidenția interogările de căutare mai puțin frecvent utilizate. Nu ar trebui folosit ca și culoare principală pentru îndemnurile la acțiune.
Neutru
- Pure White
#ffffff— O suprafață de susținere ușoară pentru crearea unui fundal discret și separarea secțiunilor. Nu ar trebui folosită ca și culoare principală pentru îndemnul la acțiune. - Signal Red
#b85850— Roșul servește ca accent secundar pentru detaliile decorative și pentru a evidenția culori neobișnuite. Folosește-l ca accent secundar, nu ca o culoare de statut. - Void Black
#000000— Pânză de pagină, fundal de navigare superior, stratul de suprafață cel mai profund - Carbon
#121212— Suprafețe din carton, panouri laterale, strat secundar de suprafață peste pânză - Graphite
#1f1f1f— Suprafață ridicată - stări de trecere cu mouse-ul, câmpuri de introducere, elemente de navigare selectate. - Smoke
#292929— Fundal de navigare activ, efect ușor de iluminare din spate.
Tipografie
de la 11 la 24px · 4 pași
- SpotifyMixUI — înlocuire: Inter · contururi 400, 600, 700 · Textul principal, navigarea, butoanele, metadatele, legende mici - un design compact, bogat în informații, conceput pentru a fi subtil, permițând elementelor artistice să domine.
- SpotifyMixUITitle — înlocuire: Inter weight 700 · contururi 700 · Titluri de secțiuni („Melodii populare”, „Artiști populari”) - un font îngroșat, de dimensiuni moderate, face ca titlurile să iasă în evidență fără a supraîncărca grila cardului.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8-12px |
| Raza butonului | 9999px |
| Raza cardului | 6px |
| Umbre | minim |
| Între secțiuni | 32-48px |
Inteligența artificială vă va construi site-ul web în stilul Spotify și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Resend — catifea neagră cu culoare neon violet
- Neon — O cameră de servere după lăsarea întunericului. Întuneric pur, unde singura lumină provine din date și interacțiunile utilizatorilor.
- Discord — Lumea jocului este ascunsă în spatele unei ferestre de chat pop-up - fiecare secțiune este un mediu independent, cu propria iluminare și propriul set de personaje.
- Idle Finance — Pardoseala de neon a terminalelor de adâncime este un terminal naval întunecat, unde o singură lumină albastră străpunge întunericul.
- Midjourney — Un terminal bioluminescent în adâncurile oceanului. O lume în adâncurile mării unde inteligența se generează vizual în fluxuri ASCII, iar comenzile apar ca niște modele slab strălucitoare.
- Netflix — Raft digital infinit. O experiență cinematografică în care o bibliotecă nesfârșită de conținut este prezentată pe un fundal teatral, extrem de întunecat.
- Wope — Wope este o interfață cu orizont violet. Imaginează-ți o masă de observator întunecată, cu o lumină violetă care strălucește de sub sticlă.
- basement — O tipografie goală la ora 3 dimineața – fonturi uriașe, comprimate, împrăștiate pe bezna totală, o singură licărire portocalie pe bara de navigare, totul în rest alb sau gri fantomatic.
- Ori — Camera serverelor la miezul nopții este un gol negru, lumină albă, un singur întrerupător aprins.
- Amaterasu — Sanctuarul Turcoaz Ceresc
- Stink Studios — Un studio de film la miezul nopții - proiectorul zumzăie, camera este întunecată, doar filmul este luminat
- Obsidian — Un depozit de cunoștințe cristaline. Un spațiu digital clar, multifațetat, conceput pentru claritate și concentrare, cu vene luminoase, violete, de interacțiune.