Spotify
Nag jukebox beheerkamer
Spotify se webkoppelvlak is 'n digte, donker mediabeheersentrum: 'n amper-swart doek versier met lewendige albumkuns, 'n enkele kenmerkende groen aksent en pilvormige kontroles. Die tipografie is kompak en utilitaristies - 'n pasgemaakte geometriese sans-serif-lettertipe met 'n klein grootte, wat die albumkuns en kunstenaarfoto's toelaat om die grootste deel van die visuele werk te doen. Die uitleg is 'n vaste tweekolom-dop (sybalk + hoofvoer) met 'n rooster van vierkantige albumkuns en ronde avatars, wat 'n ritmiese afwisseling van geometriese tipes skep. Die koppelvlak vermy skerp veranderinge in hoogte en steun op subtiele oppervlakonderskeidings (#121212-kaarte op 'n #000000-doek) en 'n enkele groot gradiëntbanier vir energie. Die resultaat is 'n gevoel van 'n DJ-hokkie: inligtingryk, akoesties donker en gereed om met 'n oogopslag te speel.
'n Vaste uitleg met twee kolomme bevat 'n linkerkantbalk ("Jou Biblioteek") en 'n responsiewe hoofinhoudarea. Die boonste balk is 'n swart balk met volle breedte met soektog aan die linkerkant en rekeningaksies aan die regterkant. Die hoofinhoud blaai vertikaal, met horisontale karrousels van kaarte - gewilde liedjies in 'n vierkantige rooster met 5 kolomme, gewilde kunstenaars in 'n sirkelvormige rooster met 5 kolomme, en gewilde albums/enkelsnitte wat hierdie patroon voortsit. Die spasiëring tussen afdelings is kompak (32 cm). Die onderste advertensiebanier is geanker aan die onderkant van die kykvenster. Navigasie word uitsluitlik via die boonste balk en sybalk hanteer - geen mega-kieslyste of broodkrummels nie. Die ritme wissel af: vierkantige kaarte → ronde kaarte → vierkantige kaarte, wat geometriese kontras tussen afdelings skep.
Albumomslae en kunstenaarfoto's is die primêre visuele inhoud. Die omslae word aangebied as digte vierkantige fragmente (1:1-aspekverhouding) met 'n radius van 6 piksels – skerp genoeg om redaksioneel te lyk, maar tog sag genoeg om kontemporêr te wees. Kunstenaarfoto's is ronde fragmente, wat die gesig as 'n identifiseerder beklemtoon. Die hoofkoppelvlak is vry van dekoratiewe foto's, leefstylbeelde of abstrakte grafika. Die enigste nie-fotografiese visuele element is 'n pers-tot-blou gradiëntbanier onderaan, wat dien as die enigste element van die handelsmerkkleur. Ikone is minimalisties, monolineêr, wit op 'n donker agtergrond – klein en funksioneel, nooit dekoratief nie.
Palet
Handelsmerk
- Spotify Green
#1ed760— Groen word as 'n sekondêre aksent vir dekoratiewe besonderhede gebruik en om minder gereeld gebruikte soeknavrae uit te lig. Dit moet nie as die primêre kleur vir oproepe tot aksie gebruik word nie.
Neutraal
- Pure White
#ffffff— 'n Ligte ondersteunende oppervlak om 'n onopvallende agtergrond te skep en afdelings te skei. Dit moet nie as die primêre kleur vir die oproep tot aksie gebruik word nie. - Signal Red
#b85850— Rooi dien as 'n ondersteunende aksent vir dekoratiewe besonderhede en om ongewone kleure uit te lig. Gebruik dit as 'n ondersteunende aksent, nie as 'n statuskleur nie. - Void Black
#000000— Bladsydoek, boonste navigasie-agtergrond, diepste oppervlaklaag - Carbon
#121212— Kartonoppervlakke, sypanele, sekondêre oppervlaklaag oor doek - Graphite
#1f1f1f— Verhoogde oppervlak - sweeftoestande, invoervelde, geselekteerde navigasie-elemente. - Smoke
#292929— Aktiewe navigasie-agtergrond, effense agtergrondeffek.
Tipografie
van 11 tot 24px · 4 stappe
- SpotifyMixUI — vervanging: Inter · buitelyne 400, 600, 700 · Liggaamkopie, navigasie, knoppies, metadata, klein onderskrifte—’n kompakte, inligtingryke ontwerp wat subtiel is en die artistieke elemente laat oorheers.
- SpotifyMixUITitle — vervanging: Inter weight 700 · buitelyne 700 · Afdelingsopskrifte ("Gewilde Liedjies," "Gewilde Kunstenaars") - 'n vetgedrukte, matige lettertipe laat die opskrifte uitstaan sonder om die kaartrooster te oorlaai.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | dig |
| Basiese stap | 8-12px |
| Knoppieradius | 9999px |
| Kaartradius | 6px |
| Skaduwees | minimaal |
| Tussen afdelings | 32-48px |
KI sal jou webwerf in Spotify -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Resend — swart fluweel met pers neonkleur
- Neon — 'n Bedienerkamer na donker. Suiwer duisternis, waar die enigste lig van data en gebruikersinteraksies kom.
- Discord — Die spelwêreld is versteek agter 'n opspringende kletsvenster - elke afdeling is 'n selfstandige omgewing met sy eie beligting en stel karakters.
- Idle Finance — Die neon-handelsvloer van die diepsee-terminale is 'n donker vlootterminaal waar 'n enkele blou lig die donkerte deurboor.
- Midjourney — 'n Bioluminescerende terminaal in die diepsee. 'n Diepseewêreld waar intelligensie visueel in ASCII-strome genereer, en kontroles as dowwe gloeiende patrone verskyn.
- Netflix — Oneindige Digitale Rak. ’n Rolprentervaring waar ’n eindelose biblioteek van inhoud teen ’n pikdonker, teatrale agtergrond aangebied word.
- Wope — Wope is 'n pers horison-koppelvlak. Stel jou 'n donker observasietafel voor met 'n pers lig wat onder die glas uitstraal.
- basement — ’n Leë drukpers om 3-uur die oggend – enorme, saamgeperste lettertipes wat oor die pikswart sprei, ’n enkele glinstering oranje lig op die navigasiebalk, alles anders wit of spookagtig grys.
- Ori — Die bedienerkamer om middernag is 'n swart leegte, wit lig, een skakelaar aan.
- Amaterasu — Hemelse Turkoois Heiligdom
- Stink Studios — 'n Filmateljee om middernag - die projektor gons, die kamer is donker, net die film is verlig
- Obsidian — 'n Bewaarplek van kristallyne kennis. 'n Helder, veelsydige digitale ruimte ontwerp vir duidelikheid en fokus, met helder pers are van interaksie.