Spotify
Kamar kontrol jukebox peuting
Antarmuka wéb Spotify mangrupikeun pusat kontrol média anu padet sareng poék: kanvas anu ampir hideung dihias ku seni album anu cerah, aksen héjo tunggal anu khas, sareng kontrol anu bentukna sapertos pil. Tipografina kompak sareng utilitarian — jinis huruf sans-serif géométri anu dirancang khusus dina ukuran alit, ngamungkinkeun seni album sareng poto artis pikeun ngalakukeun seuseueurna padamelan visual. Tata letakna mangrupikeun cangkang dua kolom anu tetep (sidebar + feed utama) kalayan grid seni album pasagi sareng avatar buleud, nyiptakeun pergantian ritmis tina jinis géométri. Antarmuka nyingkahan parobahan jangkungna anu seukeut, ngandelkeun bédana permukaan anu halus (kartu #121212 dina kanvas #000000) sareng spanduk gradien ageung tunggal pikeun énergi. Hasilna nyaéta suasana bilik DJ: padet inpormasi, poék sacara akustik, sareng siap diputer dina sakilas.
Tata letak dua kolom anu tetep ngagaduhan bilah sisi kénca ("Perpustakaan Anjeun") sareng area eusi utama anu responsif. Bilah luhur mangrupikeun bilah hideung lébar pinuh kalayan pamilarian di kénca sareng tindakan akun di katuhu. Eusi utama ngagulung sacara vertikal, kalayan komidi putar horizontal kartu — lagu-lagu populér dina grid pasagi 5 kolom, seniman populér dina grid bunderan 5 kolom, sareng album/single populér anu neraskeun pola ieu. Jarak antara bagian kompak (32 cm). Spanduk iklan handap ditambatkeun di handapeun viewport. Navigasi diurus sacara éksklusif ngalangkungan bilah luhur sareng bilah sisi — teu aya ménu mega atanapi remah roti. Wirahna silih genti: kartu pasagi → kartu buleud → kartu pasagi, nyiptakeun kontras géométri antara bagian.
Sampul album sareng poto artis mangrupikeun eusi visual utama. Sampulna dipidangkeun salaku fragmen pasagi anu padet (rasio aspék 1:1) kalayan radius 6px—cukup seukeut pikeun katingali éditorial tapi cukup lemes pikeun kontemporer. Poto artis mangrupikeun fragmen buleud, anu nekenkeun raray salaku idéntifikasi. Antarbeungeut utama bébas tina poto hiasan, gambar gaya hirup, atanapi grafik abstrak. Hiji-hijina unsur visual non-fotografi nyaéta spanduk gradien wungu-ka-biru di handap, anu janten hiji-hijina unsur warna mérek. Ikon minimalis, monolinér, bodas dina latar poék—leutik sareng fungsional, henteu pernah hiasan.
Palet
Merek
- Spotify Green
#1ed760— Héjo dianggo salaku aksen sekundér pikeun detil hiasan sareng pikeun nyorot pamundut pamilarian anu jarang dianggo. Héjo teu kedah dianggo salaku warna utama pikeun ajakan bertindak.
Nétral
- Pure White
#ffffff— Beungeut pangrojong anu hampang pikeun nyiptakeun latar tukang anu teu katingali sareng misahkeun bagian-bagianna. Éta teu kedah dianggo salaku warna utama pikeun ajakan bertindak. - Signal Red
#b85850— Beureum fungsina salaku aksen pendukung pikeun detil hiasan sareng pikeun nyorot warna-warna anu teu umum. Anggo éta salaku aksen pendukung, sanés salaku warna status. - Void Black
#000000— Kanvas kaca, latar navigasi luhur, lapisan permukaan pangjerona - Carbon
#121212— Beungeut kardus, panel sisi, lapisan permukaan sekundér di luhur kanvas - Graphite
#1f1f1f— Beungeut diangkat - kaayaan ngalayang, widang input, élémen navigasi anu dipilih. - Smoke
#292929— Latar navigasi aktif, éfék lampu latar saeutik.
Tipografi
ti 11 dugi ka 24px · 4 léngkah
- SpotifyMixUI — panggantian: Inter · garis besar 400, 600, 700 · Salinan awak, navigasi, tombol, metadata, katerangan leutik—desain anu ringkes sareng beunghar inpormasi anu dirancang supados halus, ngamungkinkeun unsur artistik pikeun dominan.
- SpotifyMixUITitle — panggantian: Inter weight 700 · garis besar 700 · Judul bagian ("Lagu Populer," "Seniman Populer") - font anu kandel jeung ukuranana sedeng ngajadikeun judulna nonjol tanpa ngebebankeun grid kartu.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 8-12px |
| Radius tombol | 9999px |
| Radius kartu | 6px |
| Kalangkang | minimal |
| Antara bagian | 32-48px |
AI bakal ngawangun situs wéb anjeun dina gaya Spotify sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Resend — beludru hideung kalayan warna neon ungu
- Neon — Rohangan server sanggeus poék. Poék pisan, dimana hiji-hijina cahaya asalna tina data jeung interaksi pamaké.
- Discord — Dunya kaulinan disumputkeun di tukangeun jandela obrolan pop-up - unggal bagian mangrupikeun lingkungan anu mandiri kalayan cahaya sareng sakumpulan karakterna nyalira.
- Idle Finance — Lantai dagang néon di terminal laut jero mangrupa terminal angkatan laut anu poék dimana hiji cahaya biru nembus ka poékna.
- Midjourney — Terminal bioluminescent di laut jero. Dunya laut jero dimana kecerdasan sacara visual ngahasilkeun dirina dina aliran ASCII, sareng kontrol némbongan salaku pola anu samar-samar hurung.
- Netflix — Rak Digital Tanpa Wates. Pangalaman sinematik dimana perpustakaan eusi anu teu aya tungtungna dipidangkeun kalayan latar téater anu poék mongkleng.
- Wope — Wope nyaéta antarmuka cakrawala wungu. Bayangkeun méja observatorium poék kalayan cahaya wungu nu nyorot ti handapeun kaca.
- basement — Mesin citak kosong jam 3 subuh – font badag nu dikomprés ngampar di tempat nu poék mongkleng, aya cahaya oranyeu nu nyala dina bilah navigasi, sésana bodas atawa kulawu siga jurig.
- Ori — Ruang server tengah peuting kosong hideung, lampu bodas, jeung hiji saklar hurung.
- Amaterasu — Suaka Pirus Surgawi
- Stink Studios — Studio pilem tengah peuting - proyéktorna ngaguruh, rohangan poék, ngan ukur pilemna anu hurung
- Obsidian — Gudang élmu pangaweruh anu kristalin. Rohangan digital anu jelas sareng multifaset anu dirancang pikeun kajelasan sareng fokus, kalayan urat interaksi warna ungu anu caang.