Spotify
Stjórnstöð fyrir næturgúmmíkassa
Vefviðmót Spotify er þétt og dökk stjórnstöð fyrir margmiðlun: næstum svartur strigi skreyttur með líflegum plötuumslagi, einum grænum áherslupunkti og pillulaga stjórntækjum. Leturgerðin er nett og hagnýt - sérsmíðuð rúmfræðileg sans-serif leturgerð í litlum stærð, sem gerir plötuumslaginu og myndum listamannsins kleift að sjá um meginhluta sjónræna verksins. Útlitið er fast tveggja dálka skel (hliðarstika + aðalstraumur) með rist af ferköntuðum plötuumslagi og kringlóttum avatars, sem skapar taktfasta víxl á rúmfræðilegum leturgerðum. Viðmótið forðast skarpar breytingar á hæð og treystir á lúmskar yfirborðsgreiningar (#121212 kort á #000000 striga) og einn stóran litbrigðaborða fyrir orku. Niðurstaðan er tilfinning um plötusnúðarbás: upplýsingaþétt, hljóðlega dökk og tilbúin til spilunar í fljótu bragði.
Fast tveggja dálka skipulag býður upp á vinstri hliðarstiku („Þitt bókasafn“) og aðalefnissvæði sem er móttækilegt. Efsta stikan er svört stika í fullri breidd með leit vinstra megin og reikningsaðgerðum hægra megin. Aðalefnið flettir lóðrétt, með láréttum hringkúlum af spilum - vinsæl lög í ferköntuðu 5 dálka rist, vinsælir listamenn í hringlaga 5 dálka rist og vinsælar plötur/smáskífur sem halda þessu mynstri áfram. Bilið milli hluta er lítið (32 cm). Neðri auglýsingaborðinn er festur neðst í glugganum. Leiðsögn fer eingöngu fram í gegnum efstu stikuna og hliðarstikuna - engar risavaxnar valmyndir eða brauðmylsnur. Takturinn skiptist á: ferköntuð spil → kringlótt spil → ferköntuð spil, sem skapar rúmfræðilegan andstæðu milli hluta.
Umslagsplötur og myndir listamanna eru aðal sjónræna efnið. Umslagsplöturnar eru kynntar sem þéttar ferkantaðar brot (1:1 hlutfall) með 6px radíus - nógu skarpar til að líta ritstjórnarlega út en samt nógu mjúkar til að vera nútímalegar. Myndir listamanna eru kringlóttar brot, sem leggja áherslu á andlitið sem auðkenni. Aðalviðmótið er laust við skreytingarmyndir, lífsstílsmyndir eða abstrakt grafík. Eina sjónræna þátturinn sem ekki er ljósmyndafræðilegur er fjólublár-til-blár litbrigðisborði neðst, sem þjónar sem eini þáttur vörumerkjalitarins. Táknmyndirnar eru lágmarks, einlínulegar, hvítar á dökkum bakgrunni - litlar og hagnýtar, aldrei skreytingar.
Litatöflu
Vörumerki
- Spotify Green
#1ed760— Grænn litur er notaður sem aukahlekkur fyrir skreytingar og til að draga fram sjaldgæfari leitarfyrirspurnir. Hann ætti ekki að vera aðallitur fyrir aðgerðahvatningar.
Hlutlaus
- Pure White
#ffffff— Létt stuðningsyfirborð til að búa til óáberandi bakgrunn og aðskilja hluta. Það ætti ekki að nota sem aðallit fyrir aðgerðahvatninguna. - Signal Red
#b85850— Rauður litur þjónar sem stuðningsatriði við skreytingar og til að draga fram óvenjulega liti. Notið hann sem stuðningsatriði, ekki sem stöðulit. - Void Black
#000000— Síðustrigi, efsti bakgrunnur flakks, dýpsta yfirborðslag - Carbon
#121212— Pappayfirborð, hliðarplötur, annað yfirborðslag yfir striga - Graphite
#1f1f1f— Upphækkaður flötur - sveimastöður, innsláttarreitir, valin flakkþættir. - Smoke
#292929— Virkur leiðsögubakgrunnur, lítilsháttar baklýsingaráhrif.
Leturfræði
frá 11 til 24px · 4 skref
- SpotifyMixUI — skipti: Inter · útlínur 400, 600, 700 · Meginmál, leiðsögn, hnappar, lýsigögn, litlir myndatextar — þétt, upplýsingarík hönnun sem er hönnuð til að vera lúmsk og leyfa myndverkinu að ráða ríkjum.
- SpotifyMixUITitle — skipti: Inter weight 700 · útlínur 700 · Kaflafyrirsagnir („Vinsæl lög“, „Vinsælir listamenn“) - miðlungsstór, feitletraður leturgerð gerir fyrirsagnirnar áberandi án þess að ofhlaða spjaldið.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 8-12px |
| Hnapparadíus | 9999px |
| Radíus korts | 6px |
| Skuggar | lágmarks |
| Milli hluta | 32-48px |
Gervigreind mun smíða vefsíðuna þína í stíl við Spotify og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Resend — svart flauel með fjólubláum neonlit
- Neon — Netþjónsherbergi eftir að myrkrið skellur á. Hreint myrkur, þar sem eina ljósið kemur frá gögnum og notendasamskiptum.
- Discord — Leikjaheimurinn er falinn á bak við sprettiglugga - hver hluti er sjálfstætt umhverfi með sinni eigin lýsingu og persónum.
- Idle Finance — Neonljósaviðskiptagólfið á djúpsjávarhöfnunum er dökk sjóhershöfn þar sem eitt blátt ljós brýst inn í myrkrið.
- Midjourney — Líflýsandi endapunktur í djúphafinu. Djúpsjávarheimur þar sem greind myndast sjónrænt í ASCII straumum og stýringar birtast sem daufglóandi mynstur.
- Netflix — Óendanleg stafræn hilla. Kvikmyndaupplifun þar sem endalaust safn af efni er kynnt gegn kolsvartri, leikrænni bakgrunni.
- Wope — Wope er fjólublátt sjóndeildarhringsviðmót. Ímyndaðu þér dökkt stjörnustöð með fjólubláu ljósi sem geislar undan glerinu.
- basement — Tóm prentsmiðja klukkan þrjú að nóttu – risavaxnir, þjappaðir leturgerðir teygja sig yfir kolsvartmyrkrið, stakur glitur af appelsínugulu ljósi á leiðsögustikunni, allt annað hvítt eða draugalega grátt.
- Ori — Netþjónsherbergið um miðnætti er svart tómarúm, hvítt ljós, einn rofi kveikt.
- Amaterasu — Himneskur túrbískum helgidómi
- Stink Studios — Kvikmyndastúdíó um miðnætti - skjávarpinn suðar, herbergið er dimmt, aðeins kvikmyndin er upplýst
- Obsidian — Geymsla kristalþekkingar. Tært, fjölþætt stafrænt rými hannað með skýrleika og einbeitingu að leiðarljósi, með ljómandi fjólubláum æðum samskipta.