PAPYEON RADIO — a museum-language site for an independent station

A portfolio demo for an independent analog radio station in Changsin-dong, built with a full-viewport fade hero, glass info card, hover mega menu, circular wipe overlay, accessibility panel, and archive carousel. Live at ononc-papyeon-radio.pages.dev.

Design system and motion

Desktop uses a 10px root, 16px body, 36px section titles, 14px pill buttons. At 767px the logo centers, the GNB hides, and FABs sit at the bottom. The hero fades four programs every six seconds; only the active slide raises its info card.

The mega menu centers each parent label with its children. The right circular button opens a black wipe overlay. The browser scrollbar stays in place while the menu is open.

Pages

• Home — current programs, archive rail, media, notices
• Programs / Archive — filters and detail pages
• Visit — hours, demo booking form, FAQ
• Studio, about, membership, notice details

All photographs are Grok Imagine. No other image tools and no generated SVG artwork. Forms do not submit anywhere; this is a fictional brand for the ononc portfolio.

Stack: Next.js 16 static export, React 19, Cloudflare Pages.