16개 시안 비교

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

종이 아이보리 · 먹 차콜 · 짙은 자주

서체

고운바탕(명조) 제목 / Pretendard 본문 / Plex Mono 라벨

모션

괘선 드로잉 · 제목 줄 단위 마스크 리빌 · 러너 진행 막대 · 카운트업

리듬

좁은 읽기 폭 + 세로 러너, 카드 없이 선으로만 나눔

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

잉크그린 블랙 · 분필 크림 · 초크 레몬

서체

Black Han Sans(초굵은 고딕) 제목 / 나눔명조 본문

모션

상단 티커(정지 버튼 포함) · 제목 밑줄 스와이프 · 대형 카운트업 · 판서 점선 흐름

리듬

전폭 밴드가 밝고 어둡게 교대, 중앙 정렬 대형 수치

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

웜 스톤 · 다크 토프 · 브라스

서체

Hahmlet(각진 모던 세리프) 제목 / Gothic A1 본문

모션

대비 패널 확장(호버·포커스·탭) · 히어로 분할선 스크롤 연동 · 좌우 방향 등장 · 카운트업

리듬

라벨 열은 고정(sticky), 본문 열만 흐르는 좌우 지그재그

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

딥 페트롤 · 크림 · 아쿠아

서체

IBM Plex Sans KR 제목·본문 / IBM Plex Mono 수치

모션

오도미터 자릿수 롤링 · 원형 링 채우기 · 타일 상단 액센트 라인 · 실시간 D-day

리듬

6열 벤토 그리드, 타일 크기가 정보 비중을 나타냄

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

인쇄 용지 · 잉크 · 마젠타 1도

서체

송명(굵은 전통 명조) 초대형 제목 / 고운돋움 본문 / Plex Mono 캡션

모션

색판 미스레지스터 정합 · 제목 단어 단위 등장 · 링크 마젠타 슬라이드 · 카운트업

리듬

큰 여백의 포스터 조판, 섹션 경계는 번호가 박힌 괘선

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

심야 네이비 · 궤도 민트 · 페일 화이트

서체

기하학적 고딕 제목 / 읽기 쉬운 고딕 본문 / Mono 데이터

상호작용

SVG 궤적 단계 선택 · 다음 단계 · 방향키/Home/End 조작

리듬

데이터 관측 화면처럼 어두운 장면과 밝은 정보 구역 교대

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

코르크 · 메모지 · 빨간 압정

서체

친근한 손글씨 인상 제목 / 명료한 고딕 본문 / Mono 라벨

상호작용

키보드 메뉴 · 메모 카드 등장 · 모바일 단일 열 전환

리듬

자유로운 보드 배치가 작은 화면에서 정돈된 목록으로 변환

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

딥 플럼 · 타임 마커 · 웜 페이퍼

서체

단단한 고딕 제목 / 중립적 고딕 본문 / Mono 시각 데이터

상호작용

기간·유형 필터 · 활성 점 설명 · 접근 가능한 대체 목록

리듬

긴 수평 시간축과 세로형 정보 섹션의 교대

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

지도 네이비 · 도면 하늘 · 경로 라임

서체

고운돋움 제목·본문 / Plex Mono 지도 라벨

상호작용

네 개의 지도 지점 선택 · 단계별 설명 패널 교체

리듬

큰 교실 지도와 현재 지점 카드가 나란히 움직임

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

웰컴 옐로 · 경로 블루 · 상담 오렌지

서체

Black Han Sans 초대형 질문 / 고운돋움 본문 / Mono 안내

상호작용

학생·학부모 경로 선택 · 콘텐츠 순서 변경 · 즉시 초기화

리듬

첫 화면 선택 뒤 전폭 정보 패널이 목적에 맞춰 재배열

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

먹빛 소나무 · 주사 인장 · 낡은 금박

서체

송명 초대형 장 제목 / 고운바탕 본문 / Mono 사실 표기

상호작용

세 단계 수련 탭 · 방향키/Home/End 조작 · 모바일 문파 안내 메뉴

리듬

먹빛 장면과 한지 정보면을 교대하며 학습 과정을 장(章) 단위로 전개

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

교정지 아이보리 · 주석 블루 · 형광 표시

서체

Black Han Sans 초대형 선언 / Noto Sans KR 본문 / Mono 풀이·근거

상호작용

한 풀이의 원문·오류 진단·수정안 전환 · 방향키/Home/End 조작

리듬

일반 섹션 카드 대신 교정 흔적과 여백 주석이 한 장의 풀이처럼 이어짐

미리보기가 비어 보이면 아래 “열기”를 누르세요

색

그래파이트 · 시그널 라임 · 진단 오렌지

서체

Noto Sans KR 초대형 제목 / 고운바탕 강조 / Plex Mono 데이터

상호작용

스크롤 진행 신호 · 학습 경로 탭 · 모션 정지 · 방향키/Home/End 조작

리듬

전폭 장면의 색과 움직임이 바뀌며 수업·평가·상담 정보를 단계적으로 연결

미리보기가 비어 보이면 아래 ‘열기’를 눌러 주세요.

색

심야 남색 · 고대 금빛 · 마법 청록

서체

Cormorant Garamond 대형 제목 / Noto Sans KR 본문

상호작용

스크롤 등장 · 반응형 탐험 메뉴 · 카드 부유 효과 · 모션 줄이기 지원

리듬

시네마틱 히어로에서 세 단계 학습 퀘스트, 신뢰 지표와 상담으로 이어지는 서사

미리보기가 비어 보이면 아래 ‘열기’를 눌러 주세요.

색

딥 스페이스 · 플라즈마 시안 · 네뷸라 마젠타

서체

Black Han Sans 시네마틱 제목 / Noto Sans KR 본문 / Plex Mono 관제 데이터

상호작용

Canvas 항성 배경 · 레이더 학습 탭 · 포인터 광원 · FX 정지 · 키보드 조작

리듬

행성 히어로, 관제 콘솔, 외부 신호 분석, 데이터베이스, 포털 상담으로 이어지는 우주 임무

미리보기가 비어 보이면 아래 ‘열기’를 눌러 주세요.

색

매뉴얼 블랙 · 공략 오렌지 · 종이 아이보리

서체

Black Han Sans 초대형 한글 / Noto Sans KR 고대비 본문

상호작용

스크롤 등장 · 모바일 메뉴 · 방학 특강 펼침 · 모션 줄이기 지원

리듬

게임 공략집의 장 번호, 굵은 규칙선, 대형 숫자와 인물 카드를 활용한 편집 디자인형 진행