Spotify

இரவு ஜூக்பாக்ஸ் கட்டுப்பாட்டு அறை

ஸ்பாட்டிஃபையின் வலை இடைமுகம் ஒரு அடர்த்தியான, இருண்ட ஊடகக் கட்டுப்பாட்டு மையமாகும்: கிட்டத்தட்ட கருப்பு நிறத் திரையில், துடிப்பான ஆல்பம் கலை, தனித்துவமான பச்சை நிறக் குறியீடு மற்றும் மாத்திரை வடிவக் கட்டுப்பாடுகள் அலங்கரிக்கப்பட்டுள்ளன. எழுத்துரு அமைப்பு கச்சிதமாகவும் பயனுள்ளதாகவும் உள்ளது—சிறிய அளவில், பிரத்யேகமாக வடிவமைக்கப்பட்ட வடிவியல் சான்ஸ்-செரிஃப் எழுத்துரு, ஆல்பம் கலை மற்றும் கலைஞர்களின் புகைப்படங்கள் காட்சிப் பணியின் பெரும்பகுதியைச் செய்ய அனுமதிக்கிறது. தளவமைப்பு, சதுர ஆல்பம் கலை மற்றும் வட்ட அவதாரங்களின் கட்டத்துடன் கூடிய ஒரு நிலையான இரண்டு-பத்தி அமைப்பாகும் (பக்கப் பட்டி + முதன்மை ஊட்டம்), இது வடிவியல் எழுத்துருக்களின் ஒரு சீரான மாற்றத்தை உருவாக்குகிறது. இந்த இடைமுகம், உயரங்களில் ஏற்படும் கூர்மையான மாற்றங்களைத் தவிர்க்கிறது; நுட்பமான மேற்பரப்பு வேறுபாடுகளையும் (#000000 திரையில் #121212 அட்டைகள்) மற்றும் ஆற்றலுக்காக ஒரு பெரிய சாய்வுப் பதாகையையும் நம்பியுள்ளது. இதன் விளைவாக, ஒரு டிஜே பூத்தின் உணர்வு கிடைக்கிறது: தகவல் செறிந்த, ஒலி ரீதியாக இருண்ட, மற்றும் ஒரு பார்வையில் இசைக்கத் தயாராக உள்ளது.

நிலையான இரண்டு-பத்தி தளவமைப்பில், இடது பக்கப் பட்டி ("உங்கள் நூலகம்") மற்றும் பதிலளிக்கக்கூடிய பிரதான உள்ளடக்கப் பகுதி ஆகியவை இடம்பெற்றுள்ளன. மேல் பட்டி ஒரு முழு அகல கருப்புப் பட்டையாகும், அதன் இடதுபுறத்தில் தேடல் வசதியும், வலதுபுறத்தில் கணக்குச் செயல்பாடுகளும் உள்ளன. பிரதான உள்ளடக்கம் செங்குத்தாக நகர்கிறது, அதனுடன் கிடைமட்டமாக அட்டைகளின் சுழல்வரிசைகள் உள்ளன—5-பத்தி சதுரக் கட்டத்தில் பிரபலமான பாடல்கள், 5-பத்தி வட்டக் கட்டத்தில் பிரபலமான கலைஞர்கள், மற்றும் பிரபலமான ஆல்பங்கள்/தனிப்பாடல்கள் இதே வரிசையைத் தொடர்கின்றன. பிரிவுகளுக்கு இடையேயான இடைவெளி கச்சிதமாக (32 செ.மீ) உள்ளது. கீழ் விளம்பரப் பதாகை, காட்சிப் பகுதியின் அடிப்பகுதியில் நிலைநிறுத்தப்பட்டுள்ளது. வழிசெலுத்தல் பிரத்தியேகமாக மேல் பட்டி மற்றும் பக்கப் பட்டி வழியாகவே கையாளப்படுகிறது—மிகப்பெரிய மெனுக்களோ அல்லது வழிகாட்டித் துணுக்குகளோ இல்லை. சதுர அட்டைகள் → வட்ட அட்டைகள் → சதுர அட்டைகள் என வரிசை மாறி மாறி வருகிறது, இது பிரிவுகளுக்கு இடையில் வடிவியல் வேறுபாட்டை உருவாக்குகிறது.

ஆல்பம் அட்டைகளும் கலைஞர்களின் புகைப்படங்களுமே முதன்மையான காட்சி உள்ளடக்கமாகும். அட்டைகள் 6px ஆரத்துடன், அடர்த்தியான சதுரத் துண்டுகளாக (1:1 விகிதம்) வழங்கப்படுகின்றன—அவை தலையங்கத் தோற்றம் அளிக்கும் அளவுக்குத் தெளிவாகவும், அதே சமயம் சமகாலத் தோற்றம் அளிக்கும் அளவுக்கு மென்மையாகவும் உள்ளன. கலைஞர்களின் புகைப்படங்கள் வட்டத் துண்டுகளாக உள்ளன, அவை முகத்தை ஓர் அடையாளமாக வலியுறுத்துகின்றன. பிரதான இடைமுகத்தில் அலங்காரப் புகைப்படங்கள், வாழ்க்கைமுறைப் படங்கள் அல்லது அருவ வரைகலைகள் எதுவும் இல்லை. புகைப்படம் அல்லாத ஒரே காட்சி அம்சம், கீழே உள்ள ஊதாவிலிருந்து நீலத்திற்குச் செல்லும் வண்ணச் சரிவுப் பதாகையாகும், இதுவே பிராண்டின் வண்ணத்தின் ஒரே கூறாகச் செயல்படுகிறது. சின்னங்கள் எளிமையானவை, ஒற்றைக் கோட்டுடையவை, அடர் பின்னணியில் வெள்ளை நிறத்தில் உள்ளன—சிறியவை மற்றும் செயல்பாட்டுக்கு உகந்தவை, ஒருபோதும் அலங்காரமானவை அல்ல.

இருள்அதிக மாறுபாடு மென்மையான சரிவுகள்

https://spotify.com

வண்ணத் தட்டு

பிராண்ட்

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 — படிகம் போன்ற அறிவின் களஞ்சியம். தெளிவு மற்றும் கவனக்குவிப்பிற்காக வடிவமைக்கப்பட்ட, ஒளிமயமான ஊதா நிற ஊடாடல் நரம்புகளைக் கொண்ட ஒரு தெளிவான, பன்முகத்தன்மை வாய்ந்த டிஜிட்டல் வெளி.