Spotify
ರಾತ್ರಿ ಜೂಕ್ಬಾಕ್ಸ್ ನಿಯಂತ್ರಣ ಕೊಠಡಿ
ಸ್ಪಾಟಿಫೈ ವೆಬ್ ಇಂಟರ್ಫೇಸ್ ಒಂದು ದಟ್ಟವಾದ, ಡಾರ್ಕ್ ಮೀಡಿಯಾ ನಿಯಂತ್ರಣ ಕೇಂದ್ರವಾಗಿದೆ: ರೋಮಾಂಚಕ ಆಲ್ಬಮ್ ಕಲೆ, ಒಂದೇ ಸಿಗ್ನೇಚರ್ ಹಸಿರು ಉಚ್ಚಾರಣೆ ಮತ್ತು ಪಿಲ್-ಆಕಾರದ ನಿಯಂತ್ರಣಗಳಿಂದ ಅಲಂಕರಿಸಲ್ಪಟ್ಟ ಬಹುತೇಕ ಕಪ್ಪು ಕ್ಯಾನ್ವಾಸ್. ಮುದ್ರಣಕಲೆಯು ಸಾಂದ್ರ ಮತ್ತು ಉಪಯುಕ್ತವಾಗಿದೆ - ಸಣ್ಣ ಗಾತ್ರದಲ್ಲಿ ಕಸ್ಟಮ್-ವಿನ್ಯಾಸಗೊಳಿಸಿದ ಜ್ಯಾಮಿತೀಯ ಸ್ಯಾನ್ಸ್-ಸೆರಿಫ್ ಟೈಪ್ಫೇಸ್, ಆಲ್ಬಮ್ ಕಲೆ ಮತ್ತು ಕಲಾವಿದರ ಫೋಟೋಗಳು ದೃಶ್ಯ ಕೆಲಸದ ಬಹುಭಾಗವನ್ನು ಮಾಡಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ವಿನ್ಯಾಸವು ಚದರ ಆಲ್ಬಮ್ ಕಲೆ ಮತ್ತು ಸುತ್ತಿನ ಅವತಾರಗಳ ಗ್ರಿಡ್ನೊಂದಿಗೆ ಸ್ಥಿರ ಎರಡು-ಕಾಲಮ್ ಶೆಲ್ (ಸೈಡ್ಬಾರ್ + ಮುಖ್ಯ ಫೀಡ್) ಆಗಿದ್ದು, ಜ್ಯಾಮಿತೀಯ ಪ್ರಕಾರಗಳ ಲಯಬದ್ಧ ಪರ್ಯಾಯವನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ. ಇಂಟರ್ಫೇಸ್ ಎತ್ತರದಲ್ಲಿ ತೀಕ್ಷ್ಣವಾದ ಬದಲಾವಣೆಗಳನ್ನು ತಪ್ಪಿಸುತ್ತದೆ, ಸೂಕ್ಷ್ಮ ಮೇಲ್ಮೈ ವ್ಯತ್ಯಾಸಗಳನ್ನು (#000000 ಕ್ಯಾನ್ವಾಸ್ನಲ್ಲಿ #121212 ಕಾರ್ಡ್ಗಳು) ಮತ್ತು ಶಕ್ತಿಗಾಗಿ ಒಂದೇ ದೊಡ್ಡ ಗ್ರೇಡಿಯಂಟ್ ಬ್ಯಾನರ್ ಅನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ. ಫಲಿತಾಂಶವು ಡಿಜೆ ಬೂತ್ನ ಭಾವನೆಯಾಗಿದೆ: ಮಾಹಿತಿ-ದಟ್ಟವಾದ, ಅಕೌಸ್ಟಿಕ್ ಆಗಿ ಡಾರ್ಕ್ ಮತ್ತು ಒಂದು ನೋಟದಲ್ಲಿ ಆಡಲು ಸಿದ್ಧವಾಗಿದೆ.
ಸ್ಥಿರ ಎರಡು-ಕಾಲಮ್ ವಿನ್ಯಾಸವು ಎಡ ಸೈಡ್ಬಾರ್ ("ನಿಮ್ಮ ಲೈಬ್ರರಿ") ಮತ್ತು ಸ್ಪಂದಿಸುವ ಮುಖ್ಯ ವಿಷಯ ಪ್ರದೇಶವನ್ನು ಒಳಗೊಂಡಿದೆ. ಮೇಲಿನ ಪಟ್ಟಿಯು ಪೂರ್ಣ-ಅಗಲದ ಕಪ್ಪು ಪಟ್ಟಿಯಾಗಿದ್ದು, ಎಡಭಾಗದಲ್ಲಿ ಹುಡುಕಾಟ ಮತ್ತು ಬಲಭಾಗದಲ್ಲಿ ಖಾತೆ ಕ್ರಿಯೆಗಳನ್ನು ಹೊಂದಿದೆ. ಮುಖ್ಯ ವಿಷಯವು ಲಂಬವಾಗಿ ಸ್ಕ್ರಾಲ್ ಆಗುತ್ತದೆ, ಕಾರ್ಡ್ಗಳ ಸಮತಲ ಕ್ಯಾರೋಸೆಲ್ಗಳು - 5-ಕಾಲಮ್ ಚದರ ಗ್ರಿಡ್ನಲ್ಲಿ ಜನಪ್ರಿಯ ಹಾಡುಗಳು, 5-ಕಾಲಮ್ ವೃತ್ತಾಕಾರದ ಗ್ರಿಡ್ನಲ್ಲಿ ಜನಪ್ರಿಯ ಕಲಾವಿದರು ಮತ್ತು ಈ ಮಾದರಿಯನ್ನು ಮುಂದುವರಿಸುವ ಜನಪ್ರಿಯ ಆಲ್ಬಮ್ಗಳು/ಸಿಂಗಲ್ಗಳು. ವಿಭಾಗಗಳ ನಡುವಿನ ಅಂತರವು ಸಾಂದ್ರವಾಗಿರುತ್ತದೆ (32 ಸೆಂ.ಮೀ). ಕೆಳಗಿನ ಜಾಹೀರಾತು ಬ್ಯಾನರ್ ಅನ್ನು ವ್ಯೂಪೋರ್ಟ್ನ ಕೆಳಭಾಗದಲ್ಲಿ ಲಂಗರು ಹಾಕಲಾಗಿದೆ. ನ್ಯಾವಿಗೇಷನ್ ಅನ್ನು ಮೇಲಿನ ಬಾರ್ ಮತ್ತು ಸೈಡ್ಬಾರ್ ಮೂಲಕ ಪ್ರತ್ಯೇಕವಾಗಿ ನಿರ್ವಹಿಸಲಾಗುತ್ತದೆ - ಮೆಗಾ-ಮೆನುಗಳು ಅಥವಾ ಬ್ರೆಡ್ಕ್ರಂಬ್ಗಳಿಲ್ಲ. ಲಯವು ಪರ್ಯಾಯವಾಗಿ ಬದಲಾಗುತ್ತದೆ: ಚದರ ಕಾರ್ಡ್ಗಳು → ಸುತ್ತಿನ ಕಾರ್ಡ್ಗಳು → ಚದರ ಕಾರ್ಡ್ಗಳು, ವಿಭಾಗಗಳ ನಡುವೆ ಜ್ಯಾಮಿತೀಯ ವ್ಯತಿರಿಕ್ತತೆಯನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ.
ಆಲ್ಬಮ್ ಕವರ್ಗಳು ಮತ್ತು ಕಲಾವಿದರ ಫೋಟೋಗಳು ಪ್ರಾಥಮಿಕ ದೃಶ್ಯ ವಿಷಯವಾಗಿದೆ. ಕವರ್ಗಳನ್ನು 6px ತ್ರಿಜ್ಯದೊಂದಿಗೆ ದಟ್ಟವಾದ ಚೌಕಾಕಾರದ ತುಣುಕುಗಳಾಗಿ (1:1 ಆಕಾರ ಅನುಪಾತ) ಪ್ರಸ್ತುತಪಡಿಸಲಾಗಿದೆ - ಸಂಪಾದಕೀಯವಾಗಿ ಕಾಣುವಷ್ಟು ಗರಿಗರಿಯಾದರೂ ಸಮಕಾಲೀನವಾಗಿರಲು ಸಾಕಷ್ಟು ಮೃದುವಾಗಿರುತ್ತದೆ. ಕಲಾವಿದರ ಫೋಟೋಗಳು ದುಂಡಗಿನ ತುಣುಕುಗಳಾಗಿದ್ದು, ಮುಖವನ್ನು ಗುರುತಿಸುವಿಕೆಯಾಗಿ ಒತ್ತಿಹೇಳುತ್ತವೆ. ಮುಖ್ಯ ಇಂಟರ್ಫೇಸ್ ಅಲಂಕಾರಿಕ ಫೋಟೋಗಳು, ಜೀವನಶೈಲಿ ಚಿತ್ರಗಳು ಅಥವಾ ಅಮೂರ್ತ ಗ್ರಾಫಿಕ್ಸ್ಗಳಿಂದ ಮುಕ್ತವಾಗಿದೆ. ಛಾಯಾಗ್ರಹಣವಲ್ಲದ ದೃಶ್ಯ ಅಂಶವೆಂದರೆ ಕೆಳಭಾಗದಲ್ಲಿರುವ ನೇರಳೆ-ನೀಲಿ ಗ್ರೇಡಿಯಂಟ್ ಬ್ಯಾನರ್, ಇದು ಬ್ರ್ಯಾಂಡ್ ಬಣ್ಣದ ಏಕೈಕ ಅಂಶವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಐಕಾನ್ಗಳು ಕನಿಷ್ಠೀಯತೆ, ಏಕರೇಖೀಯ, ಗಾಢ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಬಿಳಿ - ಸಣ್ಣ ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕ, ಎಂದಿಗೂ ಅಲಂಕಾರಿಕವಲ್ಲ.
ಪ್ಯಾಲೆಟ್
ಬ್ರ್ಯಾಂಡ್
- 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 ಲಿಂಕ್ ಮೂಲಕ ಉತ್ಪನ್ನಗಳು ಮತ್ತು ಪೋಸ್ಟ್ಗಳನ್ನು ಭರ್ತಿ ಮಾಡಿ.
- ನಿಮ್ಮ ಹಳೆಯ ಸೈಟ್ನಿಂದ ವಿಷಯವನ್ನು ವರ್ಗಾಯಿಸಿ—ವಿಳಾಸವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ.
- ಅತ್ಯುತ್ತಮ ಎಂಜಿನ್ನಲ್ಲಿ ಆಧುನಿಕ ವಿನ್ಯಾಸ: ಸರ್ವರ್ ರೆಂಡರಿಂಗ್ ಮತ್ತು SEO ಆಪ್ಟಿಮೈಸೇಶನ್ನೊಂದಿಗೆ React ( Next.js).
- ಹುಡುಕಾಟ ಫಲಿತಾಂಶಗಳು ಮತ್ತು ನರಮಂಡಲದ ಶಿಫಾರಸುಗಳಿಗಾಗಿ ಸಂಪೂರ್ಣ ಸ್ವಯಂಚಾಲಿತ SEO ಆಪ್ಟಿಮೈಸೇಶನ್.
ಇದೇ ರೀತಿಯ ಶೈಲಿಗಳು
- Resend — ನೇರಳೆ ನಿಯಾನ್ ಬಣ್ಣದೊಂದಿಗೆ ಕಪ್ಪು ವೆಲ್ವೆಟ್
- Neon — ಕತ್ತಲಾದ ನಂತರ ಸರ್ವರ್ ಕೊಠಡಿ. ಶುದ್ಧ ಕತ್ತಲೆ, ಅಲ್ಲಿ ಬೆಳಕು ಡೇಟಾ ಮತ್ತು ಬಳಕೆದಾರರ ಸಂವಹನಗಳಿಂದ ಮಾತ್ರ ಬರುತ್ತದೆ.
- Discord — ಆಟದ ಪ್ರಪಂಚವು ಪಾಪ್-ಅಪ್ ಚಾಟ್ ವಿಂಡೋದ ಹಿಂದೆ ಅಡಗಿದೆ - ಪ್ರತಿಯೊಂದು ವಿಭಾಗವು ತನ್ನದೇ ಆದ ಬೆಳಕು ಮತ್ತು ಪಾತ್ರಗಳ ಗುಂಪನ್ನು ಹೊಂದಿರುವ ಸ್ವಯಂ-ಒಳಗೊಂಡಿರುವ ಪರಿಸರವಾಗಿದೆ.
- Idle Finance — ಆಳ ಸಮುದ್ರದ ಟರ್ಮಿನಲ್ಗಳ ನಿಯಾನ್ ವ್ಯಾಪಾರ ಮಹಡಿಯು ಗಾಢವಾದ ನೌಕಾ ಟರ್ಮಿನಲ್ ಆಗಿದ್ದು, ಅಲ್ಲಿ ಒಂದೇ ನೀಲಿ ಬೆಳಕು ಕತ್ತಲೆಯನ್ನು ಚುಚ್ಚುತ್ತದೆ.
- Midjourney — ಆಳವಾದ ಸಾಗರದಲ್ಲಿ ಒಂದು ಜೈವಿಕ ದೀಪಕ ಟರ್ಮಿನಲ್. ASCII ಹೊಳೆಗಳಲ್ಲಿ ಬುದ್ಧಿವಂತಿಕೆಯು ದೃಷ್ಟಿಗೋಚರವಾಗಿ ತನ್ನನ್ನು ತಾನು ಉತ್ಪಾದಿಸಿಕೊಳ್ಳುವ ಮತ್ತು ನಿಯಂತ್ರಣಗಳು ಮಸುಕಾದ ಹೊಳೆಯುವ ಮಾದರಿಗಳಂತೆ ಗೋಚರಿಸುವ ಆಳ ಸಮುದ್ರದ ಜಗತ್ತು.
- Netflix — ಇನ್ಫೈನೈಟ್ ಡಿಜಿಟಲ್ ಶೆಲ್ಫ್. ಕತ್ತಲೆಯಾದ, ನಾಟಕೀಯ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಅಂತ್ಯವಿಲ್ಲದ ವಿಷಯದ ಗ್ರಂಥಾಲಯವನ್ನು ಪ್ರಸ್ತುತಪಡಿಸುವ ಸಿನಿಮೀಯ ಅನುಭವ.
- Wope — ವೋಪ್ ಒಂದು ನೇರಳೆ ಹಾರಿಜಾನ್ ಇಂಟರ್ಫೇಸ್. ಗಾಜಿನ ಕೆಳಗಿನಿಂದ ನೇರಳೆ ಬೆಳಕು ಬರುತ್ತಿರುವ ಕಪ್ಪು ವೀಕ್ಷಣಾಲಯದ ಕೋಷ್ಟಕವನ್ನು ಕಲ್ಪಿಸಿಕೊಳ್ಳಿ.
- basement — ಬೆಳಗಿನ ಜಾವ 3 ಗಂಟೆಗೆ ಖಾಲಿ ಮುದ್ರಣ ಯಂತ್ರ - ಕಪ್ಪು ಬಣ್ಣದಲ್ಲಿ ಹರಡಿರುವ ಬೃಹತ್, ಸಂಕುಚಿತ ಫಾಂಟ್ಗಳು, ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ನಲ್ಲಿ ಕಿತ್ತಳೆ ಬೆಳಕಿನ ಒಂದೇ ಒಂದು ಮಿನುಗು, ಉಳಿದೆಲ್ಲವೂ ಬಿಳಿ ಅಥವಾ ಭೂತದ ಬೂದು.
- Ori — ಮಧ್ಯರಾತ್ರಿ ಸರ್ವರ್ ಕೋಣೆಯಲ್ಲಿ ಕಪ್ಪು ಶೂನ್ಯ, ಬಿಳಿ ಬೆಳಕು, ಒಂದು ಸ್ವಿಚ್ ಆನ್.
- Amaterasu — ದಿವ್ಯ ವೈಡೂರ್ಯದ ಅಭಯಾರಣ್ಯ
- Stink Studios — ಮಧ್ಯರಾತ್ರಿಯಲ್ಲಿ ಫಿಲ್ಮ್ ಸ್ಟುಡಿಯೋ - ಪ್ರೊಜೆಕ್ಟರ್ ಗುನುಗುತ್ತದೆ, ಕೋಣೆ ಕತ್ತಲೆಯಾಗಿದೆ, ಫಿಲ್ಮ್ ಮಾತ್ರ ಬೆಳಗುತ್ತಿದೆ.
- Obsidian — ಸ್ಫಟಿಕದಂತಹ ಜ್ಞಾನದ ಭಂಡಾರ. ಸ್ಪಷ್ಟತೆ ಮತ್ತು ಗಮನಕ್ಕಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಸ್ಪಷ್ಟ, ಬಹುಮುಖಿ ಡಿಜಿಟಲ್ ಸ್ಥಳ, ಪರಸ್ಪರ ಕ್ರಿಯೆಯ ಪ್ರಕಾಶಮಾನವಾದ ನೇರಳೆ ರಕ್ತನಾಳಗಳೊಂದಿಗೆ.