Spotify
Утоқи идоракунии джукбокси шабона
Интерфейси веби Spotify як маркази назорати медиаи зич ва торик аст: як матои қариб сиёҳ бо расми албоми дурахшон, як лаҳҷаи сабзи ягонаи имзоӣ ва идоракунии шакли ҳаб оро дода шудааст. Типография компакт ва утилитарӣ аст - як шрифти геометрии sans-serif-и фармоишӣ бо андозаи хурд, ки ба расми албом ва аксҳои рассом имкон медиҳад, ки қисми зиёди кори визуалиро анҷом диҳанд. Тарҳбандӣ як қабати ду сутунии собит (панели паҳлӯӣ + канали асосӣ) бо шабакаи расми албоми чоркунҷа ва аватарҳои мудаввар мебошад, ки ивазшавии ритмикии намудҳои геометриро эҷод мекунад. Интерфейс аз тағйироти тези баландӣ канорагирӣ мекунад ва ба фарқиятҳои нозуки сатҳ (кортҳои #121212 дар матои #000000) ва як баннери градиенти калон барои энергия такя мекунад. Натиҷа эҳсоси кабинаи DJ аст: иттилооти зич, акустикӣ торик ва дар як нигоҳ барои бозӣ омода аст.
Тарҳбандии дусутунии собит дорои панели паҳлӯии чап ("Китобхонаи шумо") ва минтақаи мундариҷаи асосии мутобиқшаванда мебошад. Сатри болоӣ як сатри сиёҳи пурра бо ҷустуҷӯ дар тарафи чап ва амалҳои ҳисоб дар тарафи рост мебошад. Мундариҷаи асосӣ ба таври амудӣ ҳаракат мекунад, ки дар он каруселҳои уфуқии кортҳо - сурудҳои маъмул дар шабакаи чоркунҷаи 5-сутунӣ, рассомони машҳур дар шабакаи даврашакли 5-сутунӣ ва албомҳо/синглҳои маъмул, ки ин намунаро идома медиҳанд, мавҷуданд. Фосилаи байни бахшҳо хурд аст (32 см). Баннери таблиғотии поёнӣ дар поёни майдони намоишӣ ҷойгир аст. Навигатсия танҳо тавассути сатри боло ва панели паҳлӯӣ идора карда мешавад - бе мега-менюҳо ё нонрезаҳо. Ритм иваз мешавад: кортҳои чоркунҷа → кортҳои мудаввар → кортҳои чоркунҷа, ки контрасти геометриро байни бахшҳо эҷод мекунад.
Муқоваҳои албом ва аксҳои рассомон мундариҷаи асосии визуалӣ мебошанд. Муқоваҳо ҳамчун пораҳои чоркунҷаи зич (таносуби 1:1) бо радиуси 6 пиксел пешниҳод карда мешаванд — ки барои ба назар гирифтани таҳрирӣ кофӣ равшананд, аммо барои муосир будан кофӣ нарманд. Аксҳои рассомон пораҳои мудаввар мебошанд, ки чеҳраро ҳамчун муайянкунанда таъкид мекунанд. Интерфейси асосӣ аз аксҳои ороишӣ, тасвирҳои тарзи зиндагӣ ё графикаи абстрактӣ холӣ аст. Ягона унсури визуалии ғайриаксографӣ баннери градиентии арғувонӣ-кабуд дар поён аст, ки ҳамчун унсури ягонаи ранги бренд хизмат мекунад. Нишонаҳо минималистӣ, якхаттӣ, сафед дар заминаи торик мебошанд — хурд ва функсионалӣ, ҳеҷ гоҳ ороишӣ нестанд.
Палитра
Бренд
- Spotify Green
#1ed760— Ранги сабз ҳамчун таъкиди дуюмдараҷа барои тафсилоти ороишӣ ва барои таъкид кардани дархостҳои ҷустуҷӯии камтар истифодашаванда истифода мешавад. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад.
Бетараф
- Pure White
#ffffff— Сатҳи сабуки дастгирикунанда барои эҷоди заминаи беназорат ва ҷудо кардани қисмҳо. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад. - Signal Red
#b85850— Ранги сурх ҳамчун лакри ёрирасон барои тафсилоти ороишӣ ва таъкид кардани рангҳои нодир хизмат мекунад. Онро ҳамчун лакри ёрирасон истифода баред, на ҳамчун ранги вазъият. - Void Black
#000000— Канваси саҳифа, заминаи болоии навигатсия, қабати амиқтарини сатҳ - Carbon
#121212— Сатҳҳои картон, панелҳои паҳлӯӣ, қабати дуюмдараҷаи рӯи холст - Graphite
#1f1f1f— Сатҳи бардошташуда - ҳолатҳои дар боло буда, майдонҳои вуруд, унсурҳои интихобшудаи навигатсия. - Smoke
#292929— Заминаи фаъоли навигатсия, таъсири ночизи рӯшноӣ.
Типография
аз 11 то 24 пиксел · 4 қадам
- SpotifyMixUI — ивазкунӣ: Inter · контурҳо 400, 600, 700 · Нусхаи матнӣ, паймоиш, тугмаҳо, метамаълумот, сарлавҳаҳои хурд — тарҳи паймон ва пур аз иттилоот, ки барои нозук будан тарҳрезӣ шудааст ва ба унсурҳои бадеӣ имкон медиҳад, ки бартарӣ дошта бошанд.
- SpotifyMixUITitle — ивазкунӣ: Inter weight 700 · контурҳо 700 · Сарлавҳаҳои бахшҳо ("Сурудҳои машҳур", "Ҳунармандони машҳур") - шрифти ғафс ва андозаи миёна сарлавҳаҳоро бе пур кардани шабакаи кортҳо фарқ мекунад.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | зич |
| Қадами асосӣ | 8-12px |
| Радиуси тугма | 9999px |
| Радиуси корт | 6px |
| Сояҳо | минималӣ |
| Байни бахшҳо | 32-48px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Spotify месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Resend — махмали сиёҳ бо ранги арғувонии неон
- Neon — Утоқи сервер пас аз торикӣ. Торикии холис, ки дар он танҳо рӯшноӣ аз маълумот ва муоширати корбарон сарчашма мегирад.
- Discord — Ҷаҳони бозӣ дар паси тирезаи чати поп-ап пинҳон аст - ҳар як бахш як муҳити мустақил бо равшанӣ ва маҷмӯи қаҳрамонҳои худ мебошад
- Idle Finance — Майдони савдои неонии терминалҳои баҳри амиқ як терминали торики баҳрӣ аст, ки дар он як нури кабуд торикиро сӯрох мекунад.
- Midjourney — Терминали биолюминесцентӣ дар уқёнуси амиқ. Ҷаҳони амиқи баҳр, ки дар он зеҳн дар ҷараёнҳои ASCII ба таври визуалӣ тавлид мешавад ва идоракунӣ ҳамчун нақшҳои заиф ва дурахшон ба назар мерасад.
- Netflix — Рафи рақамии беохир. Таҷрибаи синамоӣ, ки дар он китобхонаи беохири мундариҷа дар пасманзари сиёҳи театрӣ пешниҳод карда мешавад.
- Wope — Wope интерфейси уфуқи арғувонӣ аст. Мизи расадхонаи торикеро тасаввур кунед, ки аз зери шиша нури арғувонӣ медурахшад.
- basement — Чопхонаи холӣ соати 3-и шаб – шрифтҳои бузурги фишурдашуда дар саросари сиёҳии қомат паҳн шудаанд, як дурахши нури норинҷӣ дар панели навигатсионӣ, ҳама чизи дигар сафед ё хокистарранги арвоҳӣ.
- Ori — Ҳуҷраи сервер нисфи шаб як холии сиёҳ, чароғи сафед ва як тугма фурӯзон аст.
- Amaterasu — Маъбади Фирӯзаи осмонӣ
- Stink Studios — Нисфи шаб дар киностудия - проектор ғур-ғур мекунад, ҳуҷра торик аст, танҳо филм равшан аст
- Obsidian — Анбори донишҳои булӯрӣ. Фазои рақамии равшан ва бисёрҷанба, ки барои равшанӣ ва тамаркуз тарҳрезӣ шудааст, бо рагҳои арғувонии дурахшони таъсири мутақобила.