Spotify
Naktinio muzikos automato valdymo kambarys
„Spotify“ žiniatinklio sąsaja yra tankus, tamsus medijos valdymo centras: beveik juoda drobė, papuošta ryškia albumo iliustracija, vienu žaliu akcentu ir piliulės formos valdikliais. Tipografija yra kompaktiška ir utilitarinė – pagal užsakymą sukurtas geometrinis „sans serif“ šriftas mažame formate, leidžiantis albumo iliustracijai ir atlikėjo nuotraukoms atlikti didžiąją dalį vizualinio darbo. Išdėstymas yra fiksuotas dviejų stulpelių apvalkalas (šoninė juosta + pagrindinis kanalas) su kvadratinių albumo iliustracijų ir apvalių avatarų tinkleliu, sukuriančiu ritmišką geometrinių tipų kaitą. Sąsajoje vengiama staigių aukščio pokyčių, ji remiasi subtiliais paviršiaus skirtumais (#121212 kortelės ant #000000 drobės) ir viena didele gradiento juosta energijai suteikti. Rezultatas – didžėjaus pulto pojūtis: tanki informacija, akustiškai tamsu ir iš pirmo žvilgsnio paruošta groti.
Fiksuotas dviejų stulpelių išdėstymas pasižymi kairiąja šonine juosta („Jūsų biblioteka“) ir interaktyvia pagrindinio turinio sritimi. Viršutinė juosta yra viso pločio juoda juosta su paieška kairėje ir paskyros veiksmais dešinėje. Pagrindinis turinys slenka vertikaliai, o horizontalios kortelių karuselės – populiarios dainos 5 stulpelių kvadratinėje tinklelyje, populiarūs atlikėjai 5 stulpelių apskritoje tinklelyje ir populiarūs albumai / singlai, tęsiantys šį modelį. Tarpai tarp sekcijų yra kompaktiški (32 cm). Apatinė reklaminė juosta yra įtvirtinta peržiūros srities apačioje. Navigacija valdoma tik per viršutinę ir šoninę juostas – jokių mega meniu ar navigacijos kelių. Ritmas kaitaliojamas: kvadratinės kortelės → apvalios kortelės → kvadratinės kortelės, sukuriant geometrinį kontrastą tarp sekcijų.
Albumų viršeliai ir atlikėjų nuotraukos yra pagrindinis vizualinis turinys. Viršeliai pateikiami kaip tankūs kvadratiniai fragmentai (1:1 kraštinių santykis) su 6 pikselių spinduliu – pakankamai ryškūs, kad atrodytų redakciškai, tačiau pakankamai švelnūs, kad būtų modernūs. Atlikėjų nuotraukos yra apvalūs fragmentai, pabrėžiantys veidą kaip identifikatorių. Pagrindinėje sąsajoje nėra dekoratyvinių nuotraukų, gyvenimo būdo vaizdų ar abstrakčios grafikos. Vienintelis nefotografinis vizualinis elementas yra violetinės ir mėlynos spalvos gradiento juosta apačioje, kuri yra vienintelis prekės ženklo spalvos elementas. Piktogramos yra minimalistinės, monolinijinės, baltos tamsiame fone – mažos ir funkcionalios, niekada nedekoratyvinės.
Paletė
Prekės ženklas
- Spotify Green
#1ed760— Žalia spalva naudojama kaip antrinis akcentas dekoratyvinėms detalėms ir rečiau naudojamoms paieškos užklausoms paryškinti. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti.
Neutralus
- Pure White
#ffffff— Šviesus atraminis paviršius, skirtas sukurti nepastebimą foną ir atskirti dalis. Jis neturėtų būti naudojamas kaip pagrindinė raginimo veikti spalva. - Signal Red
#b85850— Raudona spalva tarnauja kaip papildomas akcentas dekoratyvinėms detalėms ir išryškina neįprastas spalvas. Naudokite ją kaip papildomą akcentą, o ne kaip statuso spalvą. - Void Black
#000000— Puslapio drobė, viršutinis naršymo fonas, giliausias paviršiaus sluoksnis - Carbon
#121212— Kartoniniai paviršiai, šoninės panelės, antrinis paviršiaus sluoksnis ant drobės - Graphite
#1f1f1f— Pakeltas paviršius – užvedimo būsenos, įvesties laukai, pasirinkti naršymo elementai. - Smoke
#292929— Aktyvus navigacijos fonas, nedidelis foninio apšvietimo efektas.
Tipografija
nuo 11 iki 24 pikselių · 4 žingsniai
- SpotifyMixUI — pakeitimas: Inter · kontūrai 400, 600, 700 · Pagrindinė dalis, navigacija, mygtukai, metaduomenys, maži užrašai – kompaktiškas, informatyvus dizainas, sukurtas taip, kad būtų subtilus ir leistų dominuoti iliustracijai.
- SpotifyMixUITitle — pakeitimas: Inter weight 700 · kontūrai 700 · Skyrių antraštės („Populiarios dainos“, „Populiarūs atlikėjai“) – vidutinio dydžio, paryškintas šriftas išryškina antraštes neperkraunant kortelių tinklelio.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8-12px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 6px |
| Šešėliai | minimalus |
| Tarp sekcijų | 32-48px |
Dirbtinis intelektas sukurs jūsų svetainę Spotify stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Resend — juodas aksomas su violetine neonine spalva
- Neon — Serverių patalpa po sutemų. Grynoji tamsa, kur vienintelė šviesa sklinda iš duomenų ir vartotojų sąveikos.
- Discord — Žaidimo pasaulis paslėptas už iššokančio pokalbių lango – kiekviena sekcija yra atskira aplinka su savo apšvietimu ir personažų rinkiniu.
- Idle Finance — Giliavandenių terminalų neoninės prekybos salės yra tamsus karinio jūrų laivyno terminalas, kuriame viena mėlyna šviesa perskrodžia tamsą.
- Midjourney — Bioliuminescencinis terminalas vandenyno gelmėse. Jūrų gelmių pasaulis, kuriame intelektas vizualiai generuojamas ASCII srautais, o valdikliai atrodo kaip silpnai švytintys raštai.
- Netflix — Begalinė skaitmeninė lentyna. Kinematografinė patirtis, kurioje begalinė turinio biblioteka pateikiama tamsiame, teatrališkame fone.
- Wope — „Wope“ yra purpurinio horizonto sąsaja. Įsivaizduokite tamsų observatorijos stalą, iš kurio iš po stiklo sklinda purpurinė šviesa.
- basement — Tuščia spaustuvė 3 val. nakties – didžiuliai, suspausti šriftai, besidriekiantys aklinoje juodumoje, vienas oranžinės šviesos blyksnis naršymo juostoje, visa kita balta arba vaiduokliškai pilka.
- Ori — Serverių kambarys vidurnaktį – juoda tuštuma, balta šviesa, vienas įjungtas jungiklis.
- Amaterasu — Dangiškojo turkio šventovė
- Stink Studios — Kino studija vidurnaktį – projektorius dūzgia, kambarys tamsus, šviečia tik filmas
- Obsidian — Kristalinių žinių saugykla. Aiški, daugialypė skaitmeninė erdvė, sukurta aiškumui ir susikaupimui, su švytinčiomis violetinėmis sąveikos gyslomis.