정보 설계
도입부는 중앙 정렬 타이포와 대형 이미지로 주목도를 확보하고, 이후 아이콘 그리드·인용형 박스·포인트 배지·비교표·도넛 차트·막대 그래프·문서 썸네일로 정보 형식을 바꿔가며 긴 내용을 여러 단락으로 분절했다. 각 섹션은 반복되는 POINT 라벨과 제목 체계로 현재 읽는 주제를 즉시 인지하게 하며, 이미지 설명형 구간에서 데이터 비교형 구간으로 자연스럽게 전환된다.
PROJECT — 39 / 63
DETAIL PAGE DESIGN
초록 포인트로 정리한 에디토리얼 상세 구조초록 포인트로 정리한 에디토리얼 상세 구조
Editorial Detail Page with Green-Led Information HierarchySCROLL TO EXPLORE ↓
DESIGN POINTS
시각 표현
전체 톤은 화이트 베이스 위에 초록 계열을 핵심 강조색으로 두고, 식재료 사진의 자연스러운 색을 보조 레이어처럼 활용하는 방식이다. 선형 아이콘, 라운드 박스, 반투명 오버레이, 캡슐형 라벨, 원형 다이어그램과 같은 부드러운 형태 언어를 일관되게 사용해 친환경적이고 정돈된 인상을 유지한다.
사용자 가독성
큰 제목과 얇은 보조 카피, 검정·회색 본문, 초록 강조어의 대비로 시선 순서를 명확히 만들고, 모바일에서도 읽기 쉬운 중앙 정렬 단일 컬럼 흐름을 유지했다. 표와 차트는 헤더 색상, 줄무늬 행, 연결선, 균등 분할 그리드로 복잡한 비교 정보를 빠르게 스캔할 수 있게 정리했고, 섹션 사이의 넉넉한 여백과 다음 구간의 일부 노출로 스크롤 리듬도 부드럽게 설계했다.
POINT COLORS
Point 1#6F9E49
Point 2#FFFFFF
Point 3#2F2F2F
Point 4#D9D9D9
Point 5#A7C98A
NEXT PROJECT — 40
DETAIL PAGE DESIGN