단계적으로 분절한 정보 설계
첫 화면의 중앙 정렬 히어로 이후, 방사형 포인트 구성, 성분 카드, 원형 비율 인포그래픽, 문서 증빙, 2열 반복 카드, 인증 섹션으로 내용 성격에 따라 레이아웃 방식을 바꿔 배치했다. 각 구간은 POINT 배지, 점선 라벨, 구분선으로 전환 지점을 명확히 표시해 긴 상세 흐름을 여러 개의 읽기 단위로 나눈다.
PROJECT — 16 / 63
DETAIL PAGE DESIGN
파스텔 포인트로 정리한 정보형 상세 페이지파스텔 포인트로 정리한 정보형 상세 페이지
Pastel-Led Editorial Infographic FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
파스텔 블루 중심의 시각 표현
전체적으로 화이트와 연한 블루를 기본 톤으로 유지하면서, 일부 헤드라인의 블루 강조, 원형 차트, 세로 라인, 배지, 캡슐형 라벨에 같은 계열 색을 반복 적용해 일관된 인상을 만든다. 여기에 레드 하트, 레드 포인트 점, 오렌지 말풍선, 청록 인증 마크를 선택적으로 삽입해 섹션별 시선 고정 장치를 만든 점이 특징이다.
가독성을 높이는 타이포와 모듈 구성
대형 제목-짧은 보조문-시각 자료의 위계를 일관되게 유지하고, 굵기 대비가 큰 산세리프 타이포로 핵심 문장을 빠르게 인지하게 한다. 또한 카드형 정보 블록, 문서 이미지 액자 처리, 좌우 분할 근거 배치, 중앙 정렬 요약 박스를 반복해 텍스트 밀도를 낮추고 모바일 스크롤에서도 스캔이 쉬운 구조를 만든다.
POINT COLORS
Point 1#6FA1C7
Point 2#D7E8F5
Point 3#E83B4C
Point 4#F28C1B
Point 5#25C0C7
NEXT PROJECT — 17
DETAIL PAGE DESIGN