Click to enter
The site opens on a single record. Click it and you’re in.
$unny
An artist site you enter by clicking a record
- Type ↴
- Website
- Year ↴
- 2026
- Scope ↴
- UI/UX
- Frontend
- 3D
- Motion
- Hosting
- Challenge ↴
- An independent artist needed one home for his music that feels as raw and personal as the songs, instead of links scattered across apps.
A record-store feel from the first click: a record you click to enter, a video hero, a sleeve that slides out as you scroll, an album shelf of every release, plus videos and a merch waitlist.
What I delivered [6]
- Intro — Click the record to enter01
- Video hero — The latest single, up front02
- Record sleeve — Slides out as you scroll03
- Album shelf — Every release, in 3D04
- Videos and merch — Music videos and a waitlist05
- Launch — Domain and Cloudflare hosting06
Highlights [3]
Sleeve on scroll
The record slides out of its sleeve as you scroll down the page.
Album shelf
Every release on one shelf. Hover a record to pull it out.
System [3]
For this project the
following grid was used:
3/Columns
- Columns
- 3
- Gap
- 18px
- Content width
- 1080px
- Side margins
- 180px
- Used for
- Video grid, on a 1080px content column
Typefaces [2]
$unny
Aa
Colors [6]
- Black#000000Page background
- Red#C82734The red in the video and the static
- Bright red#E33543Hovers and the play ring
- Deep red#9B2A36Darkest specks in the static
- Cream#FFF6E0Text and buttons
- Static white#EBEBEBWhite specks in the static
Working on something similar?
Tell me about your project and I’ll put together a plan and a price.
Get a quoteAiden’s Details
Car detailing, 2026
