← back to the gallery

SoundCloud: dark discovery page with rotating campaigns and album-art rows

Tier
inspiration
Roles
hero, shop, explainer, feature, offer, closing, footer
Feel
dark, editorial, playful
Motion
wipe, pan
Source
public-site
Site
https://soundcloud.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/13a26a4e-a9fa-4e01-9126-6b84097fde43.mp4
both: https://soundcloud.com/

What it does

A dark music-discovery page places a broad photographic campaign above a rounded search field and colorful cover-art rows. The recording switches from a discovery message to an upload invitation before continuing into a listening-app promotion with device imagery.

Section roster

1. Rotating campaign hero. 2. Music search. 3. Trending cover-art rows. 4. Upload invitation. 5. Listening-app promotion. 6. Footer links.

Why it works

Album artwork supplies color and variety against the quiet dark background. Separating discovery, creation and app listening into clear regions keeps multiple audiences understandable.

Source and capture notes

Refero [style page](https://styles.refero.design/style/35f89ccd-614d-4f8f-9cce-bb94309df237) and [recorded video](https://images.refero.design/styles/refero.design/video/13a26a4e-a9fa-4e01-9126-6b84097fde43.mp4); [live site](https://soundcloud.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. Music tiles and upload actions were observed as page content; no track playback, sign-in or upload was performed. The fresh 390px mobile capture retains the live pages horizontal clipping of the wide desktop content; it is not a resized desktop screenshot.