Spotify
Nakts mūzikas automāta vadības telpa
Spotify tīmekļa saskarne ir blīvs, tumšs multivides vadības centrs: gandrīz melns audekls, kas rotāts ar spilgtu albuma noformējumu, vienu raksturīgu zaļu akcentu un tabletei līdzīgām vadības ierīcēm. Tipogrāfija ir kompakta un utilitāra — pielāgots ģeometrisks sans-serif fonts nelielā izmērā, ļaujot albuma noformējumam un izpildītāju fotoattēliem veikt lielāko daļu vizuālā darba. Izkārtojums ir fiksēts divu kolonnu apvalks (sānjosla + galvenā plūsma) ar kvadrātveida albuma noformējuma un apaļu avatāru režģi, radot ritmisku ģeometrisko tipu miju. Saskarne izvairās no asām augstuma izmaiņām, paļaujoties uz smalkām virsmas atšķirībām (#121212 kartītes uz #000000 audekla) un vienu lielu gradienta baneri enerģijai. Rezultāts ir dīdžeja kabīnes sajūta: informācijas blīvs, akustiski tumšs un gatavs spēlēšanai vienā mirklī.
Fiksētam divu kolonnu izkārtojumam ir kreisā sānjosla ("Jūsu bibliotēka") un atsaucīgs galvenā satura apgabals. Augšējā josla ir pilna platuma melna josla ar meklēšanu kreisajā pusē un konta darbībām labajā pusē. Galvenais saturs ritinās vertikāli, ar horizontāliem kartīšu karuseļiem — populāras dziesmas 5 kolonnu kvadrātveida režģī, populāri mākslinieki 5 kolonnu apļveida režģī un populāri albumi/singli, kas turpina šo modeli. Atstatums starp sadaļām ir kompakts (32 cm). Apakšējais reklāmas baneris ir noenkurots skata loga apakšdaļā. Navigācija tiek veikta tikai augšējā joslā un sānjoslā — bez megaizvēļnēm vai navigācijas. Ritms mainās: kvadrātveida kartītes → apaļas kartītes → kvadrātveida kartītes, radot ģeometrisku kontrastu starp sadaļām.
Albumu vāki un mākslinieku fotoattēli ir galvenais vizuālais saturs. Vāki tiek attēloti kā blīvi kvadrātveida fragmenti (malu attiecība 1:1) ar 6 pikseļu rādiusu — pietiekami asi, lai izskatītos redakcionāli, tomēr pietiekami maigi, lai būtu mūsdienīgi. Mākslinieku fotoattēli ir apaļi fragmenti, kas uzsver seju kā identifikatoru. Galvenajā saskarnē nav dekoratīvu fotoattēlu, dzīvesstila attēlu vai abstraktas grafikas. Vienīgais nefotogrāfiskais vizuālais elements ir violets uz zilu gradientu reklāmkarogs apakšā, kas kalpo kā vienīgais zīmola krāsas elements. Ikonas ir minimālistiskas, monolineāras, baltas uz tumša fona — mazas un funkcionālas, nekad dekoratīvas.
Palete
Zīmols
- Spotify Green
#1ed760— Zaļā krāsa tiek izmantota kā sekundārs akcents dekoratīvām detaļām un retāk izmantotu meklēšanas vaicājumu izcelšanai. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību.
Neitrāls
- Pure White
#ffffff— Gaiša atbalsta virsma neuzkrītoša fona izveidei un sadaļu atdalīšanai. To nevajadzētu izmantot kā galveno krāsu aicinājumam uz darbību. - Signal Red
#b85850— Sarkana krāsa kalpo kā atbalsta akcents dekoratīvām detaļām un izceļ neparastas krāsas. Izmantojiet to kā atbalsta akcentu, nevis kā statusa krāsu. - Void Black
#000000— Lapas audekls, augšējās navigācijas fons, dziļākais virsmas slānis - Carbon
#121212— Kartona virsmas, sānu paneļi, sekundārais virsmas slānis virs audekla - Graphite
#1f1f1f— Pacelta virsma — stāvokļi virs kursora, ievades lauki, atlasītie navigācijas elementi. - Smoke
#292929— Aktīvs navigācijas fons, neliels fona apgaismojuma efekts.
Tipogrāfija
no 11 līdz 24 pikseļiem · 4 soļi
- SpotifyMixUI — nomaiņa: Inter · kontūras 400, 600, 700 · Pamatteksts, navigācija, pogas, metadati, mazi paraksti — kompakts, informatīvs dizains, kas veidots tā, lai būtu neuzkrītošs, ļaujot dominēt mākslinieciskajiem elementiem.
- SpotifyMixUITitle — nomaiņa: Inter weight 700 · kontūras 700 · Sadaļu virsraksti ("Populāras dziesmas", "Populāri izpildītāji") — treknrakstā, vidēja izmēra fonts izceļ virsrakstus, nepārslogojot karšu režģi.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8-12px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 6px |
| Ēnas | minimāls |
| Starp sekcijām | 32-48px |
Mākslīgais intelekts izveidos jūsu vietni Spotify stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Resend — melns samts ar violetu neona krāsu
- Neon — Serveru telpa pēc tumsas iestāšanās. Pilnīga tumsa, kur vienīgā gaisma nāk no datiem un lietotāju mijiedarbības.
- Discord — Spēles pasaule ir paslēpta aiz uznirstošā tērzēšanas loga — katra sadaļa ir autonoma vide ar savu apgaismojumu un varoņu komplektu.
- Idle Finance — Dziļūdens termināļu neona tirdzniecības zāle ir tumšs jūras termināls, kur viena zila gaisma caururbj tumsu.
- Midjourney — Bioluminiscējošs terminālis dziļjūrā. Dziļjūras pasaule, kurā intelekts vizuāli ģenerējas ASCII plūsmās un vadības elementi izskatās kā vāji spīdoši raksti.
- Netflix — Bezgalīgs digitālais plaukts. Kinematogrāfiska pieredze, kurā bezgalīga satura bibliotēka tiek parādīta uz pilnīgi melna, teatrāla fona.
- Wope — Wope ir purpura horizonta saskarne. Iedomājieties tumšu observatorijas galdu, no kura apakšas spīd purpura gaisma.
- basement — Tukša tipogrāfija pulksten 3 naktī – milzīgi, saspiesti fonti izkaisīti pa piķa melno gaisotni, viena oranžas gaismas mirdzums navigācijas joslā, viss pārējais balts vai spocīgi pelēks.
- Ori — Serveru telpa pusnaktī ir melna tukšums, balta gaisma, viens ieslēgts slēdzis.
- Amaterasu — Debesu tirkīza svētnīca
- Stink Studios — Filmu studija pusnaktī — projektors dūc, istaba ir tumša, deg tikai filma
- Obsidian — Kristālu zināšanu krātuve. Skaidra, daudzpusīga digitālā telpa, kas radīta skaidrībai un fokusam, ar mijiedarbības mirdzošām violetām dzīslām.