Soundcloud

Reference it for

• Near-black canvas at #121212 as the venue, so photography and cover art are the only real colour on the page
• A single cool accent, signal blue #699fff, reserved for links and one promo line (Start Free Trial), never spread across the UI
• Heavy condensed display set ALL-CAPS for the hero headline (DISCOVER. GET DISCOVERED.) at roughly 60px, tight leading, full stops as punctuation rhythm
• Inverted white pill primary CTAs (Get started, Upload your own) and a black-fill pill (Create account) sitting on the dark canvas, both at 4px-ish full-round
• Flat, almost shadowless surfaces: definition from inset hairlines and grey-scale steps (graphite #303030, fog #999999) rather than elevation
• Full-bleed photographic hero card with a left-to-right dark gradient so white type stays legible over the image, plus a small artist credit bottom-right
• A centred giant search bar (Search for artists, bands, tracks, podcasts) as the second hero, with an 'or / Upload your own' fork beneath it
• Square 4px corners on inputs, images and badges for a utilitarian, unfussy media-tool feel

Do not copy

• The SoundCloud wordmark and the orange-cloud sound-wave logo mark
• The exact #699fff signal blue as a brand-identifying accent
• Real artist photography and credited names (DC the Don, SoundCloud Artist Pro)
• Third-party album covers in the trending strip (GOOSE COAT, ABELLA, etc.)
• The brand copy 'the only community where fans and artists come together' and 'Discover. Get discovered.'
• The Artist Pro promo bar copy and offer framing