긴 스크롤을 제어하는 정보 설계
도입부는 대형 중앙 타이포와 정물형 히어로 이미지로 분위기를 먼저 고정하고, 이어서 텍스트 중심 블록·교차형 2열 섹션·비교형 VS 구간· 표형 정보 박스·번호형 설명 리스트로 흐름을 점진적으로 세분화했다. 같은 페이지 안에서도 감성 소개, 구조 비교, 핵심 포인트, 선택 안내가 서로 다른 모듈로 구분되어 사용자가 현재 읽는 정보의 성격을 즉시 파악할 수 있다.
PROJECT — 46 / 63
DETAIL PAGE DESIGN
골드 포인트로 정리한 에디토리얼 상세 설계골드 포인트로 정리한 에디토리얼 상세 설계
Editorial Detail Flow with Minimal Gold AccentsSCROLL TO EXPLORE ↓
DESIGN POINTS
화이트 베이스 위 골드 포인트의 시각 통일
전체 화면은 화이트와 뉴트럴 그레이를 기반으로 유지하고, 연한 골드·베이지를 캡션, 라벨 배지, 숫자, 얇은 라인, 표 테두리에 반복 사용해 고급스럽고 일관된 톤을 형성한다. 여기에 상단의 짙은 브라운/그레이 배경, 종이 질감이 느껴지는 구간, 자연광 정물 사진, 손과 제형의 근접 컷이 더해져 미니멀하지만 단조롭지 않은 편집 감도를 만든다.
스캔 중심의 가독성 설계
큰 제품명, 굵기 대비가 큰 헤드라인, 번호 체계, 배지형 소제목, 좌우 대응 표 구조를 활용해 긴 설명을 짧은 정보 단위로 분해했다. 이미지와 텍스트는 교차 배치나 좌우 분할로 대응 관계를 분명히 하고, 넓은 여백과 충분한 행간, 중앙 정렬 섹션 타이틀을 통해 모바일 스크롤에서도 시선 흐름이 끊기지 않도록 설계했다.
POINT COLORS
Point 1#FFFFFF
Point 2#D9B65A
Point 3#F4F1EA
Point 4#5A5A5A
Point 5#5B4C43
NEXT PROJECT — 47
DETAIL PAGE DESIGN