Concept gallery
Explorations of a single page for three audiences — teens & students, young children, working adults. The second round is video-led with far fewer words; the first round explores how a page can transition between looks as you scroll. None of these is the live site yet — open one, scroll slowly, and see which direction feels right. Back to the main site.
Performance clips are YouTube embeds (826aska's YOASOBI「勇者」Electone cover, credited on each page as an example of the instrument — her other YOASOBI covers block embedded playback) that play muted as their section scrolls into view and pause when it leaves, with a sound toggle. Her own clips can be unlisted YouTube uploads — swap the IDs in each page's VIDEOS block.
Three full-screen video scenes that stack like cards as you scroll — each with five words, one line and one button. The most cinematic.
Concept C's pinned stage, but the stage is a video player: the clip and the colours switch for each audience as the short panels scroll past.
No scroll tricks. One full-screen performance video, her name and credentials, three short audience cards with clips, a note in her own words, contact. The most professional.
Colours, blobs and typography interpolate continuously with your scroll position — there is no "cut", the page simply becomes the next look. Light throughout, so text stays readable at every point.
color-mix() does the blending. Falls back to static section colours in older browsers.Three full-screen chapters. The backdrop crossfades dark indigo → pastel → dark gold, and the top bar recolours to match. The most dramatic of the three.
An illustrated keyboard stays pinned on the left while the audience panels scroll past; its props and colours change for each audience (headphones → stars and a smiling note → coffee and sheet music). On phones the stage becomes a compact sticky strip.