Spotify
Nokta diskogurda kontrolejo
La TTT-interfaco de Spotify estas densa, malhela amaskomunikila kontrolcentro: preskaŭ nigra kanvaso ornamita per vigla albuma arto, ununura signifa verda akcento, kaj pilolformaj kontroloj. La tipografio estas kompakta kaj utilisma - speciale dizajnita geometria sanserifa tiparo je malgranda grandeco, permesante al la albuma arto kaj artistaj fotoj fari la plejparton de la vida laboro. La aranĝo estas fiksa dukolumna ŝelo (flanka kolumno + ĉefa fluo) kun krado de kvadrataj albumaj artoj kaj rondaj avataroj, kreante ritman alternon de geometriaj tipoj. La interfaco evitas subitajn ŝanĝojn en alteco, fidante je subtilaj surfacaj distingoj (#121212 kartoj sur #000000 kanvaso) kaj ununura granda gradienta standardo por energio. La rezulto estas sento de diskĵokeja budo: informo-densa, akustike malhela, kaj preta por ludi per ekrigardo.
Fiksa dukolumna aranĝo havas maldekstran flankmenuon ("Via Biblioteko") kaj respondeman ĉefan enhavareon. La supra breto estas plenlarĝa nigra breto kun serĉo maldekstre kaj konto-agoj dekstre. La ĉefa enhavo ruliĝas vertikale, kun horizontalaj karuseloj de kartoj - popularaj kantoj en 5-kolumna kvadrata krado, popularaj artistoj en 5-kolumna cirkla krado, kaj popularaj albumoj/unuopaĵoj daŭrigantaj ĉi tiun ŝablonon. La interspaco inter sekcioj estas kompakta (32 cm). La malsupra reklama standardo estas ankrita ĉe la fundo de la vidfenestro. Navigado estas pritraktita ekskluzive per la supra breto kaj flanka breto - neniuj mega-menuoj aŭ paneroj. La ritmo alternas: kvadrataj kartoj → rondaj kartoj → kvadrataj kartoj, kreante geometrian kontraston inter sekcioj.
Albumkovriloj kaj artistaj fotoj estas la ĉefa vida enhavo. La kovriloj estas prezentitaj kiel densaj kvadrataj fragmentoj (bildformato 1:1) kun radiuso de 6 rastrumeroj — sufiĉe klaraj por aspekti redakciaj, sed sufiĉe molaj por esti nuntempaj. Artistaj fotoj estas rondaj fragmentoj, emfazante la vizaĝon kiel identigilon. La ĉefa interfaco estas libera de dekoraciaj fotoj, vivstilaj bildoj aŭ abstraktaj grafikaĵoj. La sola ne-fotografia vida elemento estas viola-ĝis-blua gradienta standardo ĉe la fundo, kiu servas kiel la sola elemento de la markkoloro. Ikonoj estas minimalistaj, unuliniaj, blankaj sur malhela fono — malgrandaj kaj funkciaj, neniam dekoraciaj.
Paletro
Marko
- Spotify Green
#1ed760— Verda koloro estas uzata kiel dua akcento por ornamaj detaloj kaj por reliefigi malpli ofte uzatajn serĉdemandojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago.
Neŭtrala
- Pure White
#ffffff— Malpeza subtena surfaco por krei diskretan fonon kaj apartigi sekciojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por la alvoko al ago. - Signal Red
#b85850— Ruĝa koloro servas kiel subtena akcento por ornamaj detaloj kaj por reliefigi nekutimajn kolorojn. Uzu ĝin kiel subtenan akcenton, ne kiel statusan koloron. - Void Black
#000000— Paĝkanvaso, supra navigacia fono, plej profunda surfaca tavolo - Carbon
#121212— Kartonaj surfacoj, flankaj paneloj, sekundara surfacotavolo super kanvaso - Graphite
#1f1f1f— Ŝvelinta surfaco - ŝvebaj statoj, enigaĵaj kampoj, elektitaj navigaciaj elementoj. - Smoke
#292929— Aktiva navigada fono, iometa fonluma efiko.
Tipografio
de 11 ĝis 24 rastrumeroj · 4 paŝoj
- SpotifyMixUI — anstataŭaĵo: Inter · konturoj 400, 600, 700 · Teksto, navigado, butonoj, metadatenoj, malgrandaj apudskriboj — kompakta, informoriĉa dezajno desegnita por esti subtila, permesante al la artaj elementoj domini.
- SpotifyMixUITitle — anstataŭaĵo: Inter weight 700 · konturoj 700 · Sekciaj titoloj ("Popularaj Kantoj", "Popularaj Artistoj") - grasa, mezgranda tiparo elstarigas la titolojn sen troŝarĝi la kartkradon.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 8-12px |
| Butona radiuso | 9999px |
| Karto-radiuso | 6px |
| Ombroj | minimuma |
| Inter sekcioj | 32-48px |
AI konstruos vian retejon laŭ la stilo de Spotify kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Resend — nigra veluro kun purpura neona koloro
- Neon — Servila ĉambro post mallumo. Pura mallumo, kie la sola lumo venas de datumoj kaj uzantaj interagoj.
- Discord — La ludmondo estas kaŝita malantaŭ ŝprucfenestro por babilado - ĉiu sekcio estas memstara medio kun sia propra lumigado kaj aro da roluloj
- Idle Finance — La neona komercejo de la profundamaraj terminaloj estas malhela mararmea terminalo, kie ununura blua lumo trapikas la mallumon.
- Midjourney — Biolumineska terminalo en la profunda oceano. Profundamara mondo kie inteligenteco vide generas sin en Askiaj fluoj, kaj kontroloj aperas kiel malforte brilantaj padronoj.
- Netflix — Senfina Cifereca Breto. Kinematografia sperto, kie senfina biblioteko de enhavo estas prezentita kontraŭ nigrega, teatra fono.
- Wope — Wope estas interfaco kun purpura horizonto. Imagu malhelan observatorian tablon kun purpura lumo radianta de sub la vitro.
- basement — Malplena presilo je la tria horo matene - grandegaj, kunpremitaj tiparoj disĵetitaj trans la nigrulon, ununura brileto de oranĝa lumo sur la navigacia breto, ĉio alia blanka aŭ fantomgriza.
- Ori — La servilĉambro je noktomezo estas nigra malpleno, blanka lumo, unu ŝaltilo ŝaltita.
- Amaterasu — Ĉiela Turkisa Rifuĝejo
- Stink Studios — Filmstudio je noktomezo - la projekciilo zumas, la ĉambro estas malluma, nur la filmo estas lumigita
- Obsidian — Deponejo de kristala scio. Klara, multfaceta cifereca spaco desegnita por klareco kaj fokuso, kun lumaj purpuraj vejnoj de interagado.