Spotify
Sala di cuntrollu di u jukebox di notte
L'interfaccia web di Spotify hè un centru di cuntrollu media densu è scuru: una tela quasi nera adurnata cù una grafica d'album vibrante, un unicu accentu verde di firma è cuntrolli in forma di pillola. A tipografia hè compatta è utilitaria - un carattere sans-serif geometricu cuncipitu persunalizatu di piccula dimensione, chì permette à a grafica di l'album è à e foto di l'artisti di fà a maiò parte di u travagliu visuale. U layout hè una cunchiglia fissa à duie colonne (barra laterale + feed principale) cù una griglia di grafiche d'album quadrate è avatar tondi, creendu una alternanza ritmica di tipi geometrichi. L'interfaccia evita cambiamenti bruschi in altezza, basendu si nantu à distinzioni superficiali suttili (carte #121212 nantu à una tela #000000) è un unicu grande banner sfumatu per l'energia. U risultatu hè a sensazione di una cabina di DJ: densa d'infurmazioni, acusticamente scura è pronta à ghjucà à colpu d'ochju.
Un layout fissu à duie colonne presenta una barra laterale sinistra ("A vostra biblioteca") è una zona di cuntenutu principale responsive. A barra superiore hè una barra nera à larghezza piena cù a ricerca à manca è l'azzioni di u contu à diritta. U cuntenutu principale scorre verticalmente, cù caruselli orizzontali di carte - canzoni populari in una griglia quadrata di 5 colonne, artisti populari in una griglia circulare di 5 colonne, è album/singoli populari chì cuntinueghjanu stu mudellu. A spaziatura trà e sezioni hè compatta (32 cm). U banner pubblicitariu inferiore hè ancoratu in fondu à a finestra di visualizazione. A navigazione hè gestita esclusivamente via a barra superiore è a barra laterale - senza mega-menu o breadcrumb. U ritmu alterna: carte quadrate → carte tonde → carte quadrate, creendu un cuntrastu geometricu trà e sezioni.
E cupertine di l'album è e foto di l'artisti sò u cuntenutu visuale principale. E cupertine sò presentate cum'è frammenti quadrati densi (rapportu d'aspettu 1:1) cù un raghju di 6px - abbastanza nitidi per sembrà editoriale ma abbastanza morbidi per esse cuntempuranee. E foto di l'artisti sò frammenti tondi, chì mettenu in risaltu a faccia cum'è identificatore. L'interfaccia principale hè priva di foto decorative, immagini di stile di vita o grafica astratta. L'unicu elementu visuale non fotograficu hè un banner sfumatu da viola à blu in fondu, chì serve cum'è unicu elementu di u culore di a marca. L'icone sò minimaliste, monolineari, bianche nantu à un fondu scuru - chjuche è funziunali, mai decorative.
Paletta
Marca
- Spotify Green
#1ed760— U verde hè adupratu cum'è accentu secundariu per i dettagli decorativi è per mette in risaltu e dumande di ricerca menu aduprate. Ùn deve esse adupratu cum'è culore primariu per e chjame à l'azzione.
Neutru
- Pure White
#ffffff— Una superficia di supportu ligera per creà un sfondate discretu è separà sezioni. Ùn deve esse aduprata cum'è culore primariu per a chjama à l'azzione. - Signal Red
#b85850— U rossu serve cum'è accentu di sustegnu per i dettagli decorativi è per mette in risaltu culori pocu cumuni. Adupratelu cum'è accentu di sustegnu, micca cum'è culore di status. - Void Black
#000000— Tela di pagina, sfondate di navigazione superiore, stratu superficiale più prufondu - Carbon
#121212— Superfici di cartone, pannelli laterali, stratu superficiale secundariu sopra tela - Graphite
#1f1f1f— Superficie rialzata - stati di survoltura, campi di input, elementi di navigazione selezziunati. - Smoke
#292929— Sfondate di navigazione attivu, ligeru effettu di retroilluminazione.
Tipografia
da 11 à 24px · 4 passi
- SpotifyMixUI — rimpiazzamentu: Inter · contorni 400, 600, 700 · Testu di u corpu, navigazione, buttoni, metadati, piccule didascalie - un disignu compactu è riccu d'infurmazioni cuncipitu per esse suttile, chì permette à l'illustrazione di duminà.
- SpotifyMixUITitle — rimpiazzamentu: Inter weight 700 · contorni 700 · Titoli di sezzione ("Canzoni populari", "Artisti populari") - un carattere in grassettu di dimensioni moderate face chì i tituli si distinguinu senza sovraccaricà a griglia di a carta.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 8-12px |
| Raggiu di u buttone | 9999px |
| Raggiu di a carta | 6px |
| Ombre | minimu |
| Trà e sezioni | 32-48px |
L'IA custruisce u vostru situ web in stile Spotify è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Resend — vellutu neru cù culore neon viola
- Neon — Una sala di servitori dopu à u bughju. Bughjura pura, induve l'unica luce vene da i dati è l'interazzione di l'utilizatori.
- Discord — U mondu di u ghjocu hè piattu daretu à una finestra di chat pop-up - ogni sezione hè un ambiente autonomu cù a so propria illuminazione è u so inseme di caratteri.
- Idle Finance — U pianu cummerciale neon di i terminali di mare prufondu hè un terminal navale scuru induve una sola luce blu trapassa l'oscurità.
- Midjourney — Un terminal bioluminescente in l'oceanu prufondu. Un mondu di mare prufondu induve l'intelligenza si genera visivamente in flussi ASCII, è i cuntrolli appariscenu cum'è mudelli debulemente brillanti.
- Netflix — Scaffale Digitale Infinitu. Un'esperienza cinematografica induve una biblioteca infinita di cuntenutu hè presentata contr'à un sfondate teatrale neru cum'è a pece.
- Wope — Wope hè un'interfaccia d'orizonte viola. Imaginate una tavula d'osservatoriu scura cù una luce viola chì irradia da sottu à u vetru.
- basement — Una macchina da stampa viota à 3 ore di mane - enormi caratteri cumpressi chì si sparghjenu in u neru pesto, un unicu luccichiu di luce aranciu nantu à a barra di navigazione, tuttu u restu biancu o grisgiu spettrale.
- Ori — A sala di i servitori à mezanotte hè un viotu neru, luce bianca, un interruttore acceso.
- Amaterasu — Santuariu Turchese Celeste
- Stink Studios — Un studio cinematograficu à mezanotte - u pruiettore ronza, a stanza hè scura, solu u filmu hè illuminatu
- Obsidian — Un repositoriu di cunniscenza cristallina. Un spaziu digitale chjaru è sfaccettatu cuncipitu per a chiarezza è a focalizazione, cù vene viola luminose d'interazione.