파편 라디오 — 리움 문법을 독립 라디오로 옮긴 뮤지엄 사이트

리움미술관의 세션 구성과 모션 문법(풀뷰포트 페이드 히어로, 좌하단 글래스 카드, 호버 메가메뉴, 원형 와이프 전체 메뉴, 접근성 패널, 아카이브 캐러셀)을 미술관이 아닌 창신동 독립 아날로그 라디오로 옮긴 포트폴리오 데모입니다. 라이브는 ononc-papyeon-radio.pages.dev 입니다.

무엇을 옮겼나

PC는 10px 루트, 본문 16px, 섹션 타이틀 36px, 알약 버튼 14px. 모바일은 767px에서 로고 가운데, GNB 숨김, 하단 FAB. 히어로는 6초 페이드 4장, 활성 슬라이드만 정보 카드가 올라옵니다.

헤더 메가메뉴는 상단 라벨과 하단 서브링크를 같은 칸의 가운데로 맞춥니다. 우측 원형 버튼은 전체 메뉴를 검은 원 와이프로 엽니다. 메뉴가 열려도 브라우저 스크롤바는 자리를 지킵니다.

페이지

• 홈 — 현재 편성 히어로, 아카이브 캐러셀, 영상·자료, 공지
• 프로그램 / 아카이브 — 상태·종류 필터와 상세
• 청취안내 — 시간·요금, 데모 예약 폼, FAQ
• 스튜디오 · 스테이션 · 멤버십 · 공지 상세

이미지는 Grok Imagine만 사용했습니다. SVG 생성이나 다른 이미지 툴은 넣지 않았습니다. 폼은 서버로 전송되지 않는 데모입니다.

스택은 Next.js 16 정적보내기, React 19, Cloudflare Pages. 이 사이트는 ononc의 포트폴리오용 가상 브랜드입니다.