정보 설계
도입부의 타이포 중심 히어로로 시선을 고정한 뒤, 3단 카드 요약, 세로형 기능 타임라인, 비교 레이아웃, 사용법 카드 그리드, 스펙 테이블로 점진적으로 밀도를 높이는 구조다. 각 섹션은 요약→몰입형 이미지→기능 분해→실물 증명→사용 안내→정리 정보의 순서로 이어져 긴 상세 페이지를 단계적으로 이해하게 만든다.
PROJECT — 07 / 63
DETAIL PAGE DESIGN
초록 포인트로 완성한 대비 중심 상세 설계초록 포인트로 완성한 대비 중심 상세 설계
Contrast-Led Detail FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
화이트 배경의 미니멀 구간과 올리브·다크 그린 기반의 몰입형 구간을 반복 교차해 리듬을 만든다. 초록 포인트 컬러는 제목 일부, 언더라인, 수치 강조, 콜아웃 선, 테이블 포인트 바로 재사용되며, 원형 아이콘 배지·HUD 오버레이·대각선 가이드 라인·확대 콜아웃 같은 장치가 기능 설명을 시각적으로 압축한다.
사용자 가독성
굵기 차가 큰 산세리프 타이포와 넉넉한 여백, 중앙 정렬 중심의 안정적인 축, 반복되는 카드 및 배지 구조 덕분에 모바일에서도 한 화면 단위로 끊어 읽기 쉽다. 이미지 중심 구간에서는 텍스트를 최소화하고, 정보가 많은 구간에서는 동일한 모듈 규칙과 구분선을 유지해 스캔성과 비교 가독성을 높였다.
POINT COLORS
Point 1#FFFFFF
Point 2#111111
Point 3#2F3D0B
Point 4#4B7E3F
Point 5#5B7F4B
NEXT PROJECT — 08
DETAIL PAGE DESIGN