Overview
Pink Rider is a full-viewport fashion reveal hero by SonoJS (demo brand Mina Hwang-Seo). Built as a single HTML page with local CSS, Inter Tight fonts, and two PNG plates. Dual Dream Ride / Ride Pretty marquees sit behind a centered figure; moving the cursor paints a canvas reveal from front to back (the pink rider look). Custom accent cursor, SS27 tag, and mobile-friendly hint chrome. Demo lookbook UI only - no backend. Open index.html or host the folder statically on Cloudflare Workers.
Highlights
- 01
Cursor brush reveal
Canvas stroke paints from the front plate to the pink-rider back look as you move.
- 02
Dual marquees
Dream Ride Sparkle and Ride Pretty Stay Bolder rows drift behind the figure.
- 03
Fashion chrome
Mina Hwang-Seo nav, accent cursor, Suit up hint, and Pink Rider · SS27 tag.
- 04
Zero-build static
One index.html plus assets/front.png, back.png, and Inter Tight woff2.
You get
- index.html (complete Pink Rider hero)
- assets/front.png and back.png reveal plates
- assets/fonts (Inter Tight 400 / 500 / 600)
- Custom cursor and mobile hint layout
