Loud & Clear

The desktop homepage features a dark, textured background with hand-drawn musical doodles and a large hero headline stating 'Artists deserve transparency about how music streaming works.' A navigation menu sits at the top right, and below the hero section, a 'The Takeaways' area includes a prominent 'Explore now' button and a horizontal row of illustrative data graphics.The mobile version maintains the dark, doodle-themed hero section with the main headline and subtext, but the top navigation is condensed into a hamburger menu icon next to the logo. The 'The Takeaways' section follows, displaying the headline and a vertical stack of large, illustrative data graphics instead of a horizontal row.

Loud & Clear serves as a high-transparency educational hub designed to demystify the complex economics of the global music streaming industry. By leveraging Spotify's proprietary data, the platform provides artists, creators, and industry stakeholders with clear insights into royalty systems, payout structures, and the overall flow of money within the streaming economy. It functions as both an advocacy tool and an information repository, aiming to build trust through radical openness. The visual identity is a sophisticated blend of editorial clarity and expressive, hand-drawn elements. Utilizing a dark mode foundation, the design employs a high-contrast palette of deep blacks, crisp whites, and vibrant electric blues. The use of sketchy, chalk-like illustrations and hand-drawn underlines adds a human, approachable touch to otherwise dense financial data, successfully bridging the gap between corporate transparency and the creative spirit of the music community.

Design

Typefaces
  • Swiper Icons
Colors
Buckets
Palette
#FBFBFB
#161519
#17064C
#693AEC
#B7C3DF
#626D73

Technology

Analytics
  • Google Analytics
CDN
  • jsDelivr
Databases
  • MySQL
JavaScript frameworks
JavaScript libraries
Performance
  • Google Cloud Trace
Programming languages
SEO
  • Yoast SEO
Tag managers
  • Google Tag Manager
Uncategorized
  • Google Cloud Load Balancing
WordPress plugins
  • Yoast SEO
Pagespeed
Desktop
69
Performance
95
Accessibility
100
Best Practices
100
SEO
Mobile
59
Performance
88
Accessibility
100
Best Practices
100
SEO
Advertisement

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request.