BNK

MAIN01

SUB01

SUB02

SUB Interactive

메인

잡지형 메인

풀스크린 히어로 + 피처드 기사 + 3열 그리드 + 좌측 고정 사이드바 GNB

타일형 메인

타이포 이슈 배너 + 벤토 그리드 카드 + 기사 리스트

편지형 메인

마스트헤드 + 에디터 레터 + 번호 기사 목록 + 구독 CTA

뉴스피드형 메인

이슈 배너 + 카테고리 필터 + 3단 피드 + 위젯 사이드바

스택형 메인

이슈 표지 스택 덱 스크롤 — 현재 이슈부터 이전 호까지 슬라이드 아웃 전환

허브형 메인

섹션별 그리드 전환 — 히어로 분산 이미지, 4열 메타 바, 카테고리 카드, 가로 아카이브 스트립

비디오 히어로형 메인

풀스크린 루프 영상 히어로 — 스크롤 시 텍스트 페이드아웃, 피처드·카테고리 그리드·아카이브 스트립

스플릿형 메인

좌우 분할 히어로 — 마우스 따라 분할선 이동, 피처드 기사 그리드

신문 다단형 메인

신문 다단 레이아웃 — 마스트헤드 타이틀 리빌, 리드+사이드 그리드, 3열 기사 피드

캐주얼형 메인

파스텔 blob 히어로 + bounce 카드 그리드 + pill CTA

타이포 히어로형 메인

대형 타이포 좌우 분열 — 글자에 이미지 비침 + 스크롤 시 전체 노출

잡지 표지형 메인

커버라인 호버 — 커서 옆에 기사 프리뷰 이미지 팔로우

레트로 인쇄물형 메인

세피아 신문지 배경 + 그레이스케일 사진 + 룰라인 + 드롭캡

분류 페이지

분야별 기사

분야별 기사 모음 — 사진 배경 + 크림 패널 진입, 기사 리스트

기사 목록

카테고리 필터로 골라 읽는 카드 그리드 기사 목록

검색+필터

키워드 검색 + 카테고리·이슈 다중 필터 + 실시간 하이라이트

테마 컬렉션

에디터 큐레이션 테마별 수평 드래그 스트립

연대기

좌측 이슈 네비 고정 + 스크롤 자동 하이라이트 + 이슈별 기사 목록

모자이크

masonry 그리드 + 카테고리 필터 GSAP 페이드 전환

아코디언

대형 카테고리 타이포 클릭 → 기사 카드 그리드 GSAP 펼침

커서 팔로우 리스트

다크 히어로 + 무한 마퀴 띠 + 호버 시 커서 옆 이미지 팔로우

기사 유형

글과 사진 ①

사진과 글이 나란히 놓인 기사 형식

글과 사진 ②

사진과 글이 나란히 놓인 기사 형식

긴 글 목차 ①

오른쪽 목차가 따라다니는 긴 글 형식

사진 배경 표지

스크롤하면 배경이 움직이는 표지, 사진 클릭 시 크게 보기

슬라이드 형식

스크롤할 때마다 화면이 딱딱 넘어가는 슬라이드

인터뷰

인물 사진 고정 + 질문·답변이 이어지는 형식

사진 이야기

글 사이에 사진이 끼워진 에세이, 클릭 시 크게 보기

이미지 오버레이 에세이

대형 전면 사진 위에 텍스트가 스크롤에 맞춰 등장하는 포토에세이

갤러리·전시형

3열 그리드 갤러리 + 호버 캡션 오버레이 + 라이트박스 정보 패널

지도·여행형

SVG 부산 지도 위 핀 클릭 시 장소 기사 패널 슬라이드인

지역 선택형

국내 5개 권역 카드 클릭 시 아코디언 패널 펼쳐짐

지도·여행 줌인형

한국 지도 → 부산 줌인 전환 — 격자 맵 + 이음선 + GSAP 핀 crossfade

스크롤텔링형

좌측 이미지 crossfade + 우측 챕터 스크롤 — 사라지는 도시의 목격자

비교 슬라이더형

드래그로 before·after 이미지 비교 — 부산 원도심 재개발 기록

오디오 에세이형

재생하면 현재 낭독 단락 하이라이트 — 클릭으로 구간 이동

연대기

스크롤하면 선이 그려지며 이어지는 연도별 이야기

시와 에세이

짧은 시·문장이 스크롤에 따라 한 줄씩 밝아지는 에세이

지난호

지난호 보기 01

연도 탭으로 보는 지난 호 아카이브, 호버 시 목차 미리보기

지난호 보기 02

수평 책장 스크롤 + 3D tilt 호버, 클릭 시 디테일 패널 슬라이드인

지난호 보기 03

풀스크린 커버 슬라이드쇼, 좌우 화살표·키보드·스와이프로 호 전환

지난호 보기 04

매거진 랙형 — 기울어진 표지 클릭 시 디테일 패널

지난호 보기 05

폴라로이드 스크랩북 — 코르크보드 위 핀 꽂힌 카드 클릭 시 디테일

지난호 보기 06

플립 카드형 — 표지 클릭 시 3D flip으로 목차·링크 확인

지난호 보기 07

파노라마 스크롤형 — 연도별 수평 드래그 스트립 + 클릭 시 디테일 패널

지난호 보기 08

잡지 펼침형 — 표지 클릭 시 3D 책 펼침 + 목차 페이지

지난호 보기 09

원형 다이얼형 — 표지들이 원 배치, 스크롤·버튼으로 회전 선택

지난호 보기 10

컬러줄 타일형 — 이슈별 컬러 타일 + 호버 표지 + 클릭 목차 팝업