Pink Rider

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

1. 01

   Cursor brush reveal

   Canvas stroke paints from the front plate to the pink-rider back look as you move.

2. 02

   Dual marquees

   Dream Ride Sparkle and Ride Pretty Stay Bolder rows drift behind the figure.

3. 03

   Fashion chrome

   Mina Hwang-Seo nav, accent cursor, Suit up hint, and Pink Rider · SS27 tag.

4. 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