Spotify
Gijeki jukebox dolandyryş otagy
Spotify-yň web interfeýsi dykyz, garaňky media dolandyryş merkezidir: janly albom suraty, ýekeje golýazma ýaşyl aksent we tabletka şekilli dolandyryşlar bilen bezelen gara reňkli tuwal. Tipografiýa ykjam we peýdalydyr - kiçi ölçegli ýörite dizaýn edilen geometrik sans-serif şrifti, albom suraty we suratkeşiň suratlary wizual işiň esasy bölegini ýerine ýetirmäge mümkinçilik berýär. Düzümi dörtburç albom suraty we tegelek awatarlar bilen gurşalan iki sütünli örtükden (gapdal panel + esasy lent) ybarat bolup, geometrik görnüşleriň ritmik çalşygyny döredýär. Interfeýs beýikligiň keskin üýtgemelerinden gaça durýar, inçe ýüz tapawutlaryna (#000000 tuwalda #121212 kartlary) we energiýa üçin ýekeje uly gradient bannerine daýanýar. Netijede, DJ kabinasynyň duýgusy döreýär: maglumata dykyz, akustiki taýdan garaňky we bir seretmede oýnamaga taýýar.
Iki sütünli üýtgewsiz düzülişde çep gapdal panel ("Siziň kitaphanaňyz") we jogapkär esasy mazmun zolagy bar. Ýokarky panel çepde gözleg we sagda hasap hereketleri bolan doly giňlikdäki gara paneldir. Esasy mazmun dikligine aýlanýar, kartalaryň gorizontal karuselleri - 5 sütünli kwadrat torda meşhur aýdymlar, 5 sütünli tegelek torda meşhur artistler we bu nusgany dowam etdirýän meşhur albomlar/singllar bilen. Bölümleriň arasyndaky aralyk kiçi (32 sm). Aşakdaky mahabat banneri görnüş meýdançasynyň aşagynda berkidilen. Nawigasiýa diňe ýokarky panel we gapdal panel arkaly amala aşyrylýar - mega-menýular ýa-da çörek ownuklary ýok. Ritm çalşyrylýar: kwadrat kartlar → tegelek kartlar → kwadrat kartlar, bölümleriň arasynda geometrik kontrast döredýär.
Albom daşky sahypalary we suratkeşleriň suratlary esasy wizual mazmundyr. Daş sahypalar 6 piksel radiusly dykyz kwadrat bölekleri (1:1 aspekt gatnaşygy) hökmünde görkezilýär — redaktoriki görünmek üçin ýeterlik derejede aýdyň, şol bir wagtyň özünde döwrebap bolmak üçin ýeterlik derejede ýumşak. Suratkeşleriň suratlary tegelek bölekleri bolup, ýüzi kesgitleýji hökmünde nygtaýar. Esasy interfeýsde bezeg suratlary, durmuş suratlary ýa-da abstrakt grafika ýok. Suratçylykly bolmadyk ýeke-täk wizual element aşaky tarapdaky gyrmyzy-gök reňkli gradient banner bolup, ol brendiň reňkiniň ýeke-täk elementi bolup hyzmat edýär. Nyşanlar minimalist, monolinear, gara fonda ak — kiçi we funksional, hiç haçan bezeg däl.
Palitra
Brend
- Spotify Green
#1ed760— Ýaşyl reňk bezeg jikme-jiklikleri üçin ikinji derejeli aksent hökmünde we seýrek ulanylýan gözleg soraglaryny nygtamak üçin ulanylýar. Ol herekete çagyryşlar üçin esasy reňk hökmünde ulanylmaly däl.
Neýtral
- Pure White
#ffffff— Göze ilmeýän fon döretmek we bölekleri bölmek üçin ýeňil goldaw ýüzi. Herekete çagyryş üçin esasy reňk hökmünde ulanylmaly däl. - Signal Red
#b85850— Gyzyl reňk bezeg detallary üçin goldaw beriji aksent hökmünde we seýrek reňkleri nygtamak üçin hyzmat edýär. Ony status reňki hökmünde däl-de, goldaw beriji aksent hökmünde ulanyň. - Void Black
#000000— Sahypanyň kanwasy, ýokarky nawigasiýa fony, iň çuň ýüz gatlagy - Carbon
#121212— Karton ýüzler, gapdal paneller, tuwalyň üstündäki ikinji ýüz gatlagy - Graphite
#1f1f1f— Galdyrylan ýüz - görkezijini göteriji ýagdaýlary, giriş meýdanlary, saýlanan nawigasiýa elementleri. - Smoke
#292929— Aktiw nawigasiýa fony, ýeňil arka yşyk effekti.
Tipografiýa
11-den 24 piksele çenli · 4 ädim
- SpotifyMixUI — çalyşmak: Inter · konturlar 400, 600, 700 · Esasy nusga, nawigasiýa, düwmeler, metamaglumatlar, kiçi ýazgylar — çeper elementleriň agdyklyk etmegine mümkinçilik berýän, inçe bolmak üçin döredilen ykjam, maglumata baý dizaýn.
- SpotifyMixUITitle — çalyşmak: Inter weight 700 · konturlar 700 · Bölüm sözbaşylary ("Meşhur aýdymlar", "Meşhur aýdymçylar") - goýy, orta ölçegli şrift sözbaşylary kartoçka toruny artykmaç ýüklemezden tapawutlandyrýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 8-12px |
| Düwme radiusy | 9999px |
| Kart radiusy | 6px |
| Kölegeler | minimal |
| Bölümleriň arasynda | 32-48px |
Süni intellekt web sahypaňyzy Spotify stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Resend — gara mahmal we gyrmyzy neon reňki
- Neon — Garaňkylykdan soň serwer otagy. Diňe maglumatlardan we ulanyjy gatnaşyklaryndan ýagtylyk gelýän arassa garaňkylyk.
- Discord — Oýun dünýäsi açylýan söhbetdeşlik penjiresiniň arkasynda gizlenen - her bölüm öz yşyklandyrmasy we gahrymanlar toplumy bolan özbaşdak gurşawdyr
- Idle Finance — Deňiz çuňluklaryndaky terminallaryň neon söwda meýdançasy garaňky deňiz terminaly bolup, ol ýerde ýekeje gök çyra garaňkylygy deşip geçýär.
- Midjourney — Çuňňur ummandaky biolüminesent terminal. ASCII akymlarynda aň-düşünjäniň öz-özüni döredýän we dolandyryşyň gowşak ýalpyldawuk nagyşlar hökmünde görünýän çuň deňiz dünýäsi.
- Netflix — Çäksiz sanly tekje. Garaňky, teatr fonunda çäksiz mazmun kitaphanasynyň görkezilýän kinematografik tejribe.
- Wope — Wope gyrmyzy gorizont interfeýsidir. Aýnanyň aşagyndan gyrmyzy şöhle saçýan garaňky obserwatoriýa stoluny göz öňüne getiriň.
- basement — Irden sagat 3-de boş çaphana – garaňky ýerde uly, gysylan şriftler ýaýylyp ýatyr, nawigasiýa panelinde ýekeje mämişi çyra, galan zatlaryň hemmesi ak ýa-da erteki çal reňkde.
- Ori — Ýary gije serwer otagy gara boşluk, ak çyra, bir açar ýakylýar.
- Amaterasu — Asman firuze reňkli mukaddes ýeri
- Stink Studios — Gije gijesinde kinostudiýa - proýektor zyňňyrdaýar, otag garaňky, diňe film yşyklandyrylýar
- Obsidian — Kristal bilimleriň ammary. Aýdyňlyk we üns bermek üçin döredilen, şöhle saçýan gyrmyzy reňkli özara täsirleşýän damarlary bolan aýdyň, köpugurly sanly giňişlik.