Spotify
Kamra tal-kontroll tal-jukebox bil-lejl
L-interfaċċja tal-web ta' Spotify hija ċentru ta' kontroll tal-midja dens u skur: kanvas kważi iswed imżejjen b'arti tal-album vibranti, aċċent aħdar wieħed li jifforma karatteristika, u kontrolli f'forma ta' pillola. It-tipografija hija kompatta u utilitarja—tipa sans-serif ġeometrika ddisinjata apposta f'daqs żgħir, li tippermetti li l-arti tal-album u r-ritratti tal-artist jagħmlu l-biċċa l-kbira tax-xogħol viżwali. Id-disinn huwa qoxra fissa b'żewġ kolonni (sidebar + main feed) bi grilja ta' arti kwadra tal-album u avatars tondi, li toħloq alternazzjoni ritmika ta' tipi ġeometriċi. L-interfaċċja tevita bidliet qawwija fl-għoli, billi tiddependi fuq distinzjonijiet sottili tal-wiċċ (karti #121212 fuq kanvas #000000) u banner wieħed kbir bi gradjent għall-enerġija. Ir-riżultat huwa sensazzjoni ta' kabina tad-DJ: mimlija informazzjoni, akustikament skura, u lesta biex iddoqq f'daqqa t'għajn.
Tqassim fiss b'żewġ kolonni jinkludi sidebar tax-xellug ("Il-Librerija Tiegħek") u żona ta' kontenut prinċipali li tirrispondi. Il-bar ta' fuq huwa bar iswed b'wisa' sħiħ bit-tfittxija fuq ix-xellug u l-azzjonijiet tal-kont fuq il-lemin. Il-kontenut prinċipali jiskrollja vertikalment, b'karużelli orizzontali ta' karti—kanzunetti popolari fi grilja kwadra ta' 5 kolonni, artisti popolari fi grilja ċirkolari ta' 5 kolonni, u albums/singles popolari li jkomplu dan il-mudell. L-ispazjar bejn is-sezzjonijiet huwa kompatt (32 ċm). Il-banner tar-reklamar tal-qiegħ huwa ankrat fil-qiegħ tal-viewport. In-navigazzjoni hija mmaniġġjata esklussivament permezz tal-bar ta' fuq u s-sidebar—l-ebda mega-menus jew breadcrumbs. Ir-ritmu jalterna: karti kwadri → karti tondi → karti kwadri, u joħloq kuntrast ġeometriku bejn is-sezzjonijiet.
Il-qoxriet tal-albums u r-ritratti tal-artisti huma l-kontenut viżwali primarju. Il-qoxriet huma ppreżentati bħala frammenti kwadri densi (proporzjon tal-aspett 1:1) b'raġġ ta' 6px—ċari biżżejjed biex jidhru editorjali iżda rotob biżżejjed biex ikunu kontemporanji. Ir-ritratti tal-artisti huma frammenti tondi, li jenfasizzaw il-wiċċ bħala identifikatur. L-interfaċċja ewlenija hija ħielsa minn ritratti dekorattivi, stampi tal-istil tal-ħajja, jew grafika astratta. L-uniku element viżwali mhux fotografiku huwa banner bil-gradjent vjola-blu fil-qiegħ, li jservi bħala l-uniku element tal-kulur tal-marka. L-ikoni huma minimalisti, monolineari, bojod fuq sfond skur—żgħar u funzjonali, qatt dekorattivi.
Paletta
Marka
- Spotify Green
#1ed760— L-aħdar jintuża bħala aċċent sekondarju għal dettalji dekorattivi u biex jenfasizza t-tfittxijiet li jintużaw inqas ta’ spiss. M’għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni.
Newtrali
- Pure White
#ffffff— Wiċċ ta' appoġġ ħafif għall-ħolqien ta' sfond diskret u għas-separazzjoni ta' sezzjonijiet. M'għandux jintuża bħala l-kulur primarju għas-sejħa għall-azzjoni. - Signal Red
#b85850— L-aħmar iservi bħala aċċent ta' appoġġ għal dettalji dekorattivi u biex jenfasizza kuluri mhux komuni. Użah bħala aċċent ta' appoġġ, mhux bħala kulur ta' status. - Void Black
#000000— Kanvas tal-paġna, sfond tan-navigazzjoni ta' fuq, saff tal-wiċċ l-aktar profond - Carbon
#121212— Uċuħ tal-kartun, pannelli tal-ġenb, saff sekondarju tal-wiċċ fuq il-kanvas - Graphite
#1f1f1f— Wiċċ imqajjem - stati tal-hover, oqsma tad-dħul, elementi ta' navigazzjoni magħżula. - Smoke
#292929— Sfond ta' navigazzjoni attiva, effett żgħir ta' backlight.
Tipografija
minn 11 sa 24px · 4 passi
- SpotifyMixUI — sostituzzjoni: Inter · linji gwida 400, 600, 700 · Test tal-korp, navigazzjoni, buttuni, metadata, sottotitoli żgħar—disinn kompatt u rikk fl-informazzjoni ddisinjat biex ikun sottili, u jippermetti li l-elementi artistiċi jiddominaw.
- SpotifyMixUITitle — sostituzzjoni: Inter weight 700 · linji gwida 700 · Intestaturi tas-sezzjonijiet ("Kanzunetti Popolari," "Artisti Popolari") - font b'tipa grassa u ta' daqs moderat jagħmel l-intestaturi jispikkaw mingħajr ma jimlew iżżejjed il-grilja tal-karta.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 8-12px |
| Raġġ tal-buttuna | 9999px |
| Raġġ tal-karta | 6px |
| Dellijiet | minimu |
| Bejn is-sezzjonijiet | 32-48px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Spotify u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Resend — bellus iswed bil-kulur neon vjola
- Neon — Kamra tas-server wara li jidlam. Dlam pur, fejn l-uniku dawl jiġi mid-dejta u l-interazzjonijiet tal-utent.
- Discord — Id-dinja tal-logħba hija moħbija wara tieqa ta' chat pop-up - kull sezzjoni hija ambjent awtonomu bid-dawl u s-sett ta' karattri tagħha stess
- Idle Finance — L-art tal-kummerċ tan-neon tat-terminals tal-baħar fond hija terminal navali skur fejn dawl blu wieħed jinfed id-dlam.
- Midjourney — Terminal bijoluminexxenti fl-oċean fond. Dinja tal-baħar fond fejn l-intelliġenza tiġġenera lilha nnifisha viżwalment fi flussi ASCII, u l-kontrolli jidhru bħala mudelli li jleqqu b'mod ħafif.
- Netflix — Xkaffa Diġitali Infinita. Esperjenza ċinematika fejn librerija bla tmiem ta’ kontenut hija ppreżentata fuq sfond teatrali mudlam.
- Wope — Wope hija interfaċċja ta' orizzont vjola. Immaġina mejda ta' osservatorju skura b'dawl vjola jiddi minn taħt il-ħġieġ.
- basement — Stamperija vojta fit-3am – fonts enormi u kkompressati mifruxa mad-dlam ċappa, tleqqija waħda ta’ dawl oranġjo fuq il-bar tan-navigazzjoni, kollox abjad jew griż fantażmali.
- Ori — Il-kamra tas-servers f'nofsillejl hija vojta sewda, dawl abjad, swiċċ wieħed mixgħul.
- Amaterasu — Santwarju tat-Turkważ Ċelesti
- Stink Studios — Studio tal-films f'nofsillejl - il-proġettur idoqq, il-kamra hija mudlama, il-film biss huwa mixgħul
- Obsidian — Repożitorju ta' għarfien kristallin. Spazju diġitali ċar u b'ħafna aspetti ddisinjat għaċ-ċarezza u l-fokus, b'vini vjola luminużi ta' interazzjoni.