정보 설계
전체 흐름이 히어로 인상 구간, 근거 제시 구간, 성분·기능 설명 구간, 적용 범위 인포그래픽 구간, 인증 문서 반복 구간, 컬러·공간 갤러리 구간으로 분명히 나뉜다. 각 섹션은 중앙 정렬 타이틀, 좌우 분할, 카드 그리드, 확대 박스, 번호 체계 같은 장치를 달리 써서 긴 스크롤에서도 현재 읽는 정보의 성격을 즉시 파악하게 만든다.
PROJECT — 15 / 63
DETAIL PAGE DESIGN
내추럴 무드의 에디토리얼 상세 설계내추럴 무드의 에디토리얼 상세 설계
Editorial Natural FlowSCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
베이지·오프화이트·브라운 중심의 내추럴 팔레트를 바탕으로 화이트 지면을 넓게 유지하고, 식물 이미지·질감 배경·실내 공간 사진·금색 인증 장식·블루 포인트 컬러를 필요 구간에만 배치해 장면별 분위기를 전환한다. 대각선 마스킹, 원형 배지, 육각 도식, 빨간 확대선, 반투명 오버레이 같은 장치가 반복되며 브랜드 톤을 해치지 않으면서도 각 정보의 성격을 시각적으로 구분한다.
사용자 가독성
굵은 헤드라인과 가는 본문, 영문 라벨과 한글 제목, 짧은 캡션과 큰 이미지의 대비가 뚜렷해 모바일에서도 스캔이 쉽다. 특히 문서 원본과 확대 표를 연결선으로 묶는 방식, 중앙 제품 기준의 콜아웃 구조, 2열 카드와 색상 샘플의 병렬 비교는 작은 화면에서 복잡한 내용을 빠르게 읽히게 하는 핵심 장치로 작동한다.
POINT COLORS
Point 1#ffffff
Point 2#f2e9db
Point 3#b19a8b
Point 4#8b6b2e
Point 5#c62828
NEXT PROJECT — 16
DETAIL PAGE DESIGN