Spotify
رات جو جوڪ باڪس ڪنٽرول روم
Spotify جو ويب انٽرفيس هڪ گهاٽو، اونداهو ميڊيا ڪنٽرول سينٽر آهي: هڪ ويجهو ڪارو ڪينواس جيڪو متحرڪ البم آرٽ، هڪ سنگل دستخط سائي تلفظ، ۽ گولي جي شڪل واري ڪنٽرول سان سينگاريل آهي. ٽائپوگرافي ڪمپيڪٽ ۽ افاديت پسند آهي - هڪ ننڍڙي سائيز تي هڪ ڪسٽم ڊيزائن ڪيل جاميٽري سينز-سيريف ٽائپ فيس، جيڪو البم آرٽ ۽ فنڪار جي تصويرن کي بصري ڪم جو وڏو حصو ڪرڻ جي اجازت ڏئي ٿو. لي آئوٽ هڪ مقرر ٿيل ٻه ڪالمن وارو شيل (سائڊبار + مکيه فيڊ) آهي جنهن ۾ چورس البم آرٽ ۽ گول اوتارن جو گرڊ آهي، جاميٽري قسمن جو هڪ تال وارو متبادل ٺاهيندو آهي. انٽرفيس اوچائي ۾ تيز تبديلين کان پاسو ڪري ٿو، نفيس سطح جي فرقن تي ڀروسو ڪري ٿو (#000000 ڪينواس تي #121212 ڪارڊ) ۽ توانائي لاءِ هڪ وڏو گريڊينٽ بينر. نتيجو هڪ ڊي جي بوٿ جو احساس آهي: معلومات-گهڻو، صوتي طور تي اونداهو، ۽ هڪ نظر ۾ کيڏڻ لاءِ تيار.
هڪ مقرر ٿيل ٻن ڪالمن واري ترتيب ۾ هڪ کاٻي سائڊبار ("توهان جي لائبريري") ۽ هڪ جوابي مکيه مواد جو علائقو شامل آهي. مٿيون بار هڪ مڪمل ويڪر ڪارو بار آهي جنهن ۾ کاٻي پاسي ڳولا ۽ ساڄي پاسي اڪائونٽ ڪارناما آهن. مکيه مواد عمودي طور تي اسڪرول ڪري ٿو، ڪارڊن جي افقي ڪاروسل سان - 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 |
AI توهان جي ويب سائيٽ Spotify انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Resend — ڪارو مخمل جامني نيرو رنگ سان
- Neon — اوندهه کان پوءِ هڪ سرور روم. خالص اوندهه، جتي صرف روشني ڊيٽا ۽ استعمال ڪندڙ جي رابطي مان ايندي آهي.
- Discord — راند جي دنيا هڪ پاپ اپ چيٽ ونڊو جي پويان لڪيل آهي - هر سيڪشن هڪ خودمختار ماحول آهي جنهن جي پنهنجي روشني ۽ ڪردارن جو سيٽ آهي.
- Idle Finance — ڊيپ سي ٽرمينلز جو نيون ٽريڊنگ فلور هڪ اونداهو بحري ٽرمينل آهي جتي هڪ نيرو روشني اونداهي کي ڇهي ٿي.
- Midjourney — گہرے سمنڊ ۾ هڪ بايولومينسينٽ ٽرمينل. هڪ گہرے سمنڊ جي دنيا جتي ذهانت بصري طور تي ASCII اسٽريمز ۾ پاڻ کي پيدا ڪري ٿي، ۽ ڪنٽرول هلڪي چمڪندڙ نمونن وانگر نظر اچن ٿا.
- Netflix — لامحدود ڊجيٽل شيلف. هڪ سينيما جو تجربو جتي مواد جي هڪ لامحدود لائبريري کي هڪ ڪارا، ٿيٽر پس منظر ۾ پيش ڪيو ويندو آهي.
- Wope — ووپ هڪ جامني افق انٽرفيس آهي. تصور ڪريو هڪ اونداهي رصدگاهه واري ٽيبل جنهن ۾ شيشي جي هيٺان جامني روشني اچي رهي آهي.
- basement — صبح جو 3 وڳي هڪ خالي پرنٽنگ پريس - وڏا، دٻيل فونٽ ڪارا رنگ ۾ پکڙجي رهيا هئا، نيويگيشن بار تي نارنگي روشني جي هڪ جهلڪ، باقي سڀ ڪجهه اڇو يا ڀوت جهڙو ڀورو.
- Ori — اڌ رات جو سرور روم هڪ ڪارو خالي، اڇي روشني، هڪ سوئچ آن آهي.
- Amaterasu — آسماني فيروزي سينڪچوئري
- Stink Studios — اڌ رات جو هڪ فلم اسٽوڊيو - پروجيڪٽر گونجي ٿو، ڪمرو اونداهو آهي، صرف فلم روشن آهي
- Obsidian — ڪرسٽل علم جو هڪ ذخيرو. هڪ صاف، گهڻ رخي ڊجيٽل جاءِ جيڪا وضاحت ۽ ڌيان لاءِ ٺهيل آهي، جنهن ۾ رابطي جي چمڪندڙ جامني رنگ جون رڳون آهن.