Spotify
Գիշերային ջուբոքսի կառավարման սենյակ
Spotify-ի վեբ ինտերֆեյսը խիտ, մուգ մեդիա կառավարման կենտրոն է. գրեթե սև կտավ, որը զարդարված է վառ ալբոմի պատկերով, մեկ ստորագրության կանաչ շեշտադրմամբ և հաբի ձև ունեցող կառավարման տարրերով: Տիպագրությունը կոմպակտ և օգտատիրոջական է՝ փոքր չափի հատուկ նախագծված երկրաչափական sans-serif տառատեսակ, որը թույլ է տալիս ալբոմի պատկերին և նկարչի լուսանկարներին կատարել տեսողական աշխատանքի հիմնական մասը: Դասավորությունը ֆիքսված երկսյունակ պատյան է (կողային վահանակ + գլխավոր ժապավեն)՝ քառակուսի ալբոմի պատկերի և կլոր ավատարների ցանցով, ստեղծելով երկրաչափական տեսակների ռիթմիկ հերթագայություն: Ինտերֆեյսը խուսափում է բարձրության կտրուկ փոփոխություններից՝ հենվելով նուրբ մակերեսային տարբերակումների վրա (#121212 քարտեր #000000 կտավի վրա) և էներգիայի համար մեկ մեծ գրադիենտային պաստառի վրա: Արդյունքը DJ խցիկի զգացողություն է. տեղեկատվությամբ խիտ, ակուստիկորեն մութ և պատրաստ է նվագելու մեկ հայացքից:
Երկու սյունակով ֆիքսված դասավորությունն ունի ձախ կողային վահանակ («Ձեր գրադարանը») և արագ արձագանքող հիմնական բովանդակության տարածք։ Վերին վահանակը լրիվ լայնությամբ սև վահանակ է՝ ձախ կողմում որոնումով, իսկ աջ կողմում՝ հաշվի գործողություններով։ Հիմնական բովանդակությունը գլորվում է ուղղահայաց՝ քարտերի հորիզոնական կարուսելներով՝ հայտնի երգերը 5 սյունակ քառակուսի ցանցում, հայտնի արտիստները՝ 5 սյունակ շրջանաձև ցանցում, իսկ հայտնի ալբոմները/սինգլները շարունակում են այս ձևը։ Բաժինների միջև հեռավորությունը կոմպակտ է (32 սմ)։ Ներքևի գովազդային բանները ամրացված է դիտման պատուհանի ներքևի մասում։ Նավիգացիան իրականացվում է բացառապես վերին վահանակի և կողային վահանակի միջոցով՝ առանց մեգա-մենյուների կամ հացի փշրանքների։ Ռիթմը հերթագայում է՝ քառակուսի քարտեր → կլոր քարտեր → քառակուսի քարտեր, ստեղծելով երկրաչափական հակադրություն բաժինների միջև։
Ալբոմների շապիկները և նկարիչների լուսանկարները հիմնական տեսողական բովանդակությունն են: Շապիկները ներկայացված են որպես խիտ քառակուսի բեկորներ (1:1 կողմերի հարաբերակցությամբ)՝ 6px շառավղով՝ բավականաչափ հստակ՝ խմբագրական տեսք ունենալու համար, բայց բավականին մեղմ՝ ժամանակակից լինելու համար: Նկարիչների լուսանկարները կլոր բեկորներ են, որոնք ընդգծում են դեմքը որպես նույնականացուցիչ: Հիմնական ինտերֆեյսը զերծ է դեկորատիվ լուսանկարներից, կենսակերպի պատկերներից կամ աբստրակտ գրաֆիկայից: Միակ ոչ լուսանկարչական տեսողական տարրը ներքևի մասում գտնվող մանուշակագույնից կապույտ գրադիենտային պաստառն է, որը ծառայում է որպես ապրանքանիշի գույնի միակ տարր: Պատկերակները մինիմալիստական, մոնոլինար, սպիտակ են մուգ ֆոնի վրա՝ փոքր և ֆունկցիոնալ, երբեք դեկորատիվ չեն:
Պալիտրա
Բրենդ
- Spotify Green
#1ed760— Կանաչը օգտագործվում է որպես երկրորդական շեշտադրում՝ դեկորատիվ մանրամասների համար և ավելի քիչ օգտագործվող որոնման հարցումները ընդգծելու համար։ Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն։
Չեզոք
- Pure White
#ffffff— Թեթև հենարանային մակերես՝ աննկատ ֆոն ստեղծելու և հատվածները բաժանելու համար: Այն չպետք է օգտագործվի որպես գործողության կոչի հիմնական գույն: - Signal Red
#b85850— Կարմիրը ծառայում է որպես դեկորատիվ մանրամասների օժանդակ շեշտադրում և անսովոր գույները ընդգծելու համար։ Օգտագործեք այն որպես օժանդակ շեշտադրում, այլ ոչ թե որպես կարգավիճակի գույն։ - Void Black
#000000— Էջի կտավ, վերին նավիգացիոն ֆոն, ամենախորը մակերեսային շերտ - Carbon
#121212— Ստվարաթղթե մակերեսներ, կողային վահանակներ, կտավի վրայի երկրորդային մակերեսային շերտ - Graphite
#1f1f1f— Բարձրացված մակերես - սավառնելու վիճակներ, մուտքագրման դաշտեր, ընտրված նավիգացիոն տարրեր։ - Smoke
#292929— Ակտիվ նավիգացիոն ֆոն, թեթև լուսավորության էֆեկտ։
Տպագրություն
11-ից մինչև 24px · 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 — Վոուփը մանուշակագույն հորիզոնի միջերես է։ Պատկերացրեք մուգ աստղադիտարանի սեղան, որի ապակու տակից մանուշակագույն լույս է ճառագում։
- basement — Դատարկ տպագրական մեքենա ժամը 3-ին՝ հսկայական, սեղմված տառատեսակներ, որոնք տարածվում են խավարի մեջ, նարնջագույն լույսի մի փոքրիկ շող նավիգացիայի վահանակում, մնացած ամեն ինչ սպիտակ կամ ուրվականային մոխրագույն է։
- Ori — Կեսգիշերին սերվերների սենյակը սև դատարկություն է, սպիտակ լույս, մեկ անջատիչ միացված։
- Amaterasu — Երկնային փիրուզագույն սրբավայր
- Stink Studios — Կինոստուդիա կեսգիշերին՝ պրոյեկտորը բզզում է, սենյակը մութ է, միայն ժապավենն է լուսավորված
- Obsidian — Բյուրեղային գիտելիքների պահոց։ Պարզ, բազմակողմանի թվային տարածք, որը նախատեսված է պարզության և կենտրոնացման համար՝ փոխազդեցության լուսավոր մանուշակագույն երակներով։