Spotify
Nacht jukebox kontrôlekeamer
De webinterface fan Spotify is in ticht, tsjuster mediakontrôlesintrum: in hast swart doek fersierd mei libbene albumkeunst, in ienkelde griene aksint en pilfoarmige kontrôles. De typografy is kompakt en utilitaristysk - in oanpast ûntworpen geometrysk sans-serif lettertype mei in lytse grutte, wêrtroch't de albumkeunst en artystfoto's it grutste part fan it fisuele wurk dogge. De yndieling is in fêste twakolom-shell (sydbalke + haadfeed) mei in raster fan fjouwerkante albumkeunst en rûne avatars, wêrtroch in ritmyske ôfwikseling fan geometryske typen ûntstiet. De ynterface foarkomt skerpe feroarings yn hichte, en fertrout op subtile oerflakûnderskiedingen (#121212 kaarten op in #000000 doek) en in inkele grutte gradiëntbanner foar enerzjy. It resultaat is in gefoel fan in DJ-hokje: ynformaasjeryk, akoestysk tsjuster en klear om yn ien eachopslach te spyljen.
In fêste yndieling mei twa kolommen hat in linker sydbalke ("Jo bibleteek") en in responsyf haadynhâldgebiet. De boppeste balke is in swarte balke oer folsleine breedte mei sykjen oan de linkerkant en akkountaksjes oan de rjochterkant. De haadynhâld rôlet fertikaal, mei horizontale karrousels fan kaarten - populêre ferskes yn in fjouwerkant raster fan 5 kolommen, populêre artysten yn in sirkelfoarmich raster fan 5 kolommen, en populêre albums/singles dy't dit patroan trochsette. De ôfstân tusken seksjes is kompakt (32 sm). De ûnderste advertinsjebanner is ferankere oan 'e ûnderkant fan it viewport. Navigaasje wurdt allinich ôfhannele fia de boppeste balke en sydbalke - gjin megamenu's of breadcrumbs. It ritme wikselt ôf: fjouwerkante kaarten → rûne kaarten → fjouwerkante kaarten, wêrtroch't in geometrysk kontrast tusken seksjes ûntstiet.
Albumomslagen en artystfoto's binne de primêre fisuele ynhâld. De omslagen wurde presintearre as tichte fjouwerkante fragminten (1:1 aspektferhâlding) mei in straal fan 6px - skerp genôch om redaksjoneel út te sjen, mar sêft genôch om eigentiids te wêzen. Artystfoto's binne rûne fragminten, mei de klam op it gesicht as identifikaasjemiddel. De haadynterface is frij fan dekorative foto's, libbensstylôfbyldings of abstrakte grafiken. It ienige net-fotografyske fisuele elemint is in pears-nei-blauwe gradiëntbanner oan 'e ûnderkant, dy't tsjinnet as it ienige elemint fan 'e merkkleur. Ikoanen binne minimalistysk, monolineêr, wyt op in donkere eftergrûn - lyts en funksjoneel, nea dekoratyf.
Palet
Merk
- Spotify Green
#1ed760— Grien wurdt brûkt as in sekundêr aksint foar dekorative details en om minder faak brûkte sykfragen te markearjen. It moat net brûkt wurde as de primêre kleur foar oprop ta aksje.
Neutraal
- Pure White
#ffffff— In ljocht stypjend oerflak foar it meitsjen fan in ûnopfallende eftergrûn en it skieden fan seksjes. It moat net brûkt wurde as de primêre kleur foar de oprop ta aksje. - Signal Red
#b85850— Read tsjinnet as in stypjend aksint foar dekorative details en om ûngewoane kleuren te markearjen. Brûk it as in stypjend aksint, net as in statuskleur. - Void Black
#000000— Sidedoek, boppeste navigaasjeachtergrûn, djipste oerflaklaach - Carbon
#121212— Kartonnen oerflakken, sydpanielen, sekundêre oerflaklaach oer doek - Graphite
#1f1f1f— Ferhege oerflak - sweefstaten, ynfierfjilden, selektearre navigaasje-eleminten. - Smoke
#292929— Aktive navigaasjeachtergrûn, licht efterljochteffekt.
Typografy
fan 11 oant 24px · 4 stappen
- SpotifyMixUI — ferfanging: Inter · sketsen 400, 600, 700 · Teksttekst, navigaasje, knoppen, metadata, lytse ûnderskriften - in kompakt, ynformaasjeryk ûntwerp ûntworpen om subtyl te wêzen, wêrtroch't de artistike eleminten dominearje.
- SpotifyMixUITitle — ferfanging: Inter weight 700 · sketsen 700 · Seksjekoppen ("Populêre ferskes", "Populêre artysten") - in fet, matige lettertype lit de koppen opfalle sûnder it kaartraster te oerladen.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8-12px |
| Knopradius | 9999px |
| Kaartradius | 6px |
| Skaden | minimaal |
| Tusken seksjes | 32-48px |
AI sil jo webside bouwe yn Spotify -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Resend — swart fluweel mei pearse neonkleur
- Neon — In serverkeamer nei tsjuster. Suvere tsjusternis, dêr't it ienige ljocht komt fan gegevens en brûkersynteraksjes.
- Discord — De spulwrâld is ferburgen efter in pop-up petearfinster - elke seksje is in selsstannige omjouwing mei syn eigen ferljochting en set karakters.
- Idle Finance — De neonhannelsflier fan 'e djipseeterminals is in tsjustere marineterminal dêr't in inkel blau ljocht de tsjusternis trochboarret.
- Midjourney — In biolumineszinte terminal yn 'e djippe oseaan. In djipseewrâld dêr't yntelliginsje himsels fisueel genereart yn ASCII-streams, en kontrôles ferskine as swak gloeiende patroanen.
- Netflix — Infinite Digital Shelf. In filmyske ûnderfining dêr't in einleaze bibleteek fan ynhâld presintearre wurdt tsjin in piktsjustere, teatrale eftergrûn.
- Wope — Wope is in pearse hoarizonynterface. Stel jo in tsjustere observaasjetafel foar mei in pears ljocht dat ûnder it glês weistrielt.
- basement — In lege parse om 3 oere moarns - enoarme, komprimearre lettertypen dy't oer it piktsjuster ferspraat binne, in inkele glimp fan oranje ljocht op 'e navigaasjebalke, alles oars wyt of spoekachtich griis.
- Ori — De serverkeamer om middernacht is in swarte leechte, wyt ljocht, ien skeakel oan.
- Amaterasu — Celestial Turquoise Sanctuary
- Stink Studios — In filmstudio om middernacht - de projektor bromt, de keamer is tsjuster, allinnich de film is ferljochte
- Obsidian — In bewarplak fan kristalheldere kennis. In dúdlike, fasettearre digitale romte ûntworpen foar dúdlikens en fokus, mei ljochtsjende pearse ieren fan ynteraksje.