전체 목록

SUB Interactive

메인 25종

잡지형 메인

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

타일형 메인

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

편지형 메인

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

뉴스피드형 메인

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

스택형 메인

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

허브형 메인

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

비디오 히어로형 메인

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

스플릿형 메인

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

신문 다단형 메인

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

캐주얼형 메인

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

타이포 히어로형 메인

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

잡지 표지형 메인

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

레트로 인쇄물형 메인

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

조판실형 메인

격자 오버레이 + 크롭마크 + 폴리오 번호 조판 연출

독자의 흔적형 메인

하이라이터 밑줄 강도 + 열독률 바 + 우측 독자 스크롤 트랙

편지/서신형 메인

봉투 열기 히어로 + 편지지 에디토리얼 + 봉투 카드 그리드

빈티지 라디오형 메인

FM 다이얼 바늘 튜닝 + 앰버 파형 + 방송 편성표형 기사 목록

모던 FM 스테이션형 메인

주파수 드래그 채널 전환 + 지지직 노이즈 + 기사 풀스크린 이미지

데이터 저널리즘형 메인

히어로 선 그래프 + 카드 숫자 카운트업 + 호버 스파크라인

씨네마틱 포스터형 메인

카운트다운 + 커튼 오프닝 히어로 + 포스터 카드 그리드 + 필름스트립 마퀴

도서관형 메인

고서 표지 플립북 자동 오픈 + 기사 카드 + 호버 이미지 목차

문화예술 매거진형 메인

문화예술 시리즈 — 커버스토리 peek 슬라이더 + 기사 그리드 + 공연 프로그램 안내

기차 여정형 메인

기차매거진 시리즈 — 창문 parallax 히어로 + peek 슬라이더 + 카테고리 탭 기사

문화예술 뉴스레터형 메인

문화예술 시리즈 — 마스트헤드 + 에디터 노트 + 라이트 히어로 슬라이더 + 공연 일정

문화예술 정보형 메인

문화예술 시리즈 — 히어로 + 2분할 호버 섹션 + 기사 그리드

수목원 웰니스형 메인

canvas 인터랙티브 히어로 슬라이더 + 탭 에세이 피드 + 절기 위젯

분류 19종

분야별 기사

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

기사 목록

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

검색+필터

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

테마 컬렉션

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

연대기

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

모자이크

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

아코디언

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

커서 팔로우 리스트

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

태그 클라우드

키워드 크기별 배치 + 클릭 시 기사 필터 + 호버 dim 효과

잡지 목차형

크림 배경 + CONTENTS 클립 리빌 + 카테고리 섹션 목록 + 호버 커서팔로우

신문 섹션 인덱스형

세피아 배경 + 신문 마스트헤드 + 카테고리 필터 + 그레이스케일 기사 수평 리스트

조판 기사 목록형

조판실 컨셉 — 격자 오버레이 + 크롭마크 + INDEX 클립 리빌 + 챕터별 기사 목록 + 필터

독자 밑줄 분류형

독자의 흔적 컨셉 — 크림 배경 + 하이라이터 밑줄 + 열독률 바 + 카테고리 탭 필터

모던 FM 채널 분류형

모던 FM 스테이션 컨셉 — 좌우 분할 + 채널 버튼 전환 + 지지직 노이즈 트랜지션

빈티지 라디오 채널 분류형

빈티지 라디오 컨셉 — 크림 배경 + 앰버 채널 탭 + 카드 그리드 + 히어로 파형

데이터 저널리즘 분류형

주제 필터 클릭 시 SVG 차트 실시간 전환 + 카드 필터링 — 데이터로 읽는 사회

씨네마틱 장르 필터형

세피아 히어로 + 장르 스티키 필터 탭 + 포스터 카드 그리드 — 씨네마틱 시리즈

사서 인덱스형

도서관 시리즈 — CATALOGUE 타이포 히어로 + 카테고리 필터 + 스크롤 stagger 목록

문화예술 매거진형 기사목록

문화예술 시리즈 — 카테고리 필터 + 기사 그리드 (커버스토리 와이드 카드)

기차 여정형 카테고리

기차매거진 시리즈 — 다크 히어로 + 카테고리 필터 + 피처드+그리드 기사 목록

기사 27종

글과 사진 ①

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

글과 사진 ②

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

긴 글 목차 ①

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

긴 글 목차 ②

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

사진 배경 표지

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

슬라이드 형식

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

인터뷰

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

사진 이야기

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

이미지 오버레이 에세이

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

갤러리·전시형

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

지도·여행형

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

지역 선택형

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

지도·여행 줌인형

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

스크롤텔링형

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

비교 슬라이더형

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

오디오 에세이형

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

레트로 신문 기사형

세피아 신문지 배경 + 2단 컬럼 기사 + 드롭캡 + 풀쿼트

에디토리얼 스프레드형

잡지 표지 스타일 오프닝 + 풀블리드 패럴랙스 + 커서 팔로우 다음 기사

편지형 기사

봉투 헤더 + 편지지 본문 + 마진 노트 스크롤 등장 + 다음 편지 CTA

주파수 노이즈 스크롤형

섹션 진입마다 지지직 노이즈 + CH 채널 인디케이터 + 읽기 진행 바

빈티지 라디오 기사형

앰버 스윕 라인 섹션 전환 + 방송 시간 마커 + 크림 배경

인포그래픽형

SVG 선·바·도넛 차트 ScrollTrigger 애니메이션 + FT/NYT 클린 데이터 저널리즘 스타일

씬 단위 스크롤형

씨네마틱 씬 전환 — 풀스크린 씬 순차 등장 + 씬 번호 카운터 + 필름 컷 플래시 + 엔딩 크레딧

필사 노트형

도서관 시리즈 — 책 펼침 히어로 + 뷰포트 중앙 도달 시 형광펜 하이라이트 + 우측 여백 주석

텍스트 스크램블형

다크 에디토리얼 + 글자가 랜덤 한글로 치환되다 고정되는 스크램블 효과

조판실 에디토리얼형

격자 오버레이 + 크롭마크 + 폴리오 번호 + 섹션 clip-path 조판 등장

독자의 흔적 에디토리얼형

하이라이터 밑줄 강도 + 마진 메모 + 읽기 진행 바 + 완독 기록

연대기

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

시와 에세이

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

문화예술 매거진형 기사

문화예술 시리즈 — 풀뷰 히어로 패럴랙스 + 번호 단락 본문 + 본문 내 이미지 블록

기차 여행 에세이

기차매거진 시리즈 — 창문 프레임 히어로 + 좌우 교대 이미지+본문 + 풀블리드

전시 에세이형

문화예술 시리즈 — 타이포 헤더 + 인라인 플로트 이미지 + 전시 스팟 카드

연재 아티클 템플릿

문화예술 시리즈 — sticky 사이드바 TOC + 번호 단락 + Q&A 인터뷰형 데모

공연 소개 기사형

문화예술 시리즈 — 포스터+정보블록 헤더 + 출연진 그리드 + 창작진 리스트

편백숲 명상 산책

숲결 시리즈 — 반원 오프닝 히어로 + 좌우 분할 sticky 이미지 + 5단계 명상 안내

지난호 18종

지난호 보기 01

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

지난호 보기 02

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

지난호 보기 03

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

지난호 보기 04

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

지난호 보기 05

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

지난호 보기 06

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

지난호 보기 07

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

지난호 보기 08

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

지난호 보기 09

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

지난호 보기 10

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

지난호 보기 11

잡지 표지 진열형 — 크림 배경 + 커버 그리드 + 클릭 시 목차 패널 슬라이드인

지난호 보기 12

신문 호외 스크랩형 — 세피아 신문 카드 그리드 + 클릭 시 기사 목록 패널

지난호 보기 13

조판실 판면 목록형 — 격자 오버레이 + 크롭마크 카드 + 클릭 시 목차 패널

지난호 보기 14

독자의 흔적 아카이브형 — 크림 배경 + 독자 통계 카드 + 호버 인용 오버레이 + 패널

지난호 보기 15

빈티지 FM 다이얼 아카이브형 — 크림 배경 + Vol 목록 + 연도 탭 + 앰버 파형 상세 패널

지난호 보기 16

모던 FM 아카이브 그리드형 — 화이트/레드 + 이슈 4열 카드 + 호버 기사 오버레이 + 노이즈 패널

지난호 보기 17

연도 스크럽형 — 스크롤하면 출생률 차트가 연도를 따라 그려짐 + 이슈 카드 목록

지난호 보기 18

씨네마틱 극장 상영표형 — 연도 탭 필터 + 상영표 스타일 이슈 목록 + 슬라이드 디테일 패널

지난호 보기 19

도서관 시리즈 — 도서관 대출 카드 3D 플립 + 연도 필터 + 대출 기록표

문화예술 매거진형 아카이브

문화예술 시리즈 — 연도 탭 필터 + 이슈 커버 그리드 + 현재호 강조