감성 도입에서 정보 집약으로 이어지는 섹션 설계
상단은 중앙 정렬 헤드라인과 대형 비주얼로 즉각적인 주목도를 만들고, 이후 좌우 분할 소개, 핵심 포인트 카드, 스펙 표, 단계형 안내, 지점 표로 점차 정보 밀도를 높인다. 각 구간은 제목 크기, 정렬 방식, 배경 대비를 달리해 스크롤 흐름 안에서 섹션의 역할이 분명하게 구분되도록 설계됐다.
PROJECT — 29 / 63
DETAIL PAGE DESIGN
다크 톤 위계로 완성한 고밀도 상세페이지다크 톤 위계로 완성한 고밀도 상세페이지
Dark Gold Visual HierarchySCROLL TO EXPLORE ↓
DESIGN POINTS
블랙·골드 중심의 프리미엄 시각 언어
전 구간은 블랙과 차콜 계열을 바탕으로 골드 라인, 골드 강조 문구, 금속성 하이라이트를 반복 사용해 하나의 시각적 톤을 유지한다. 여기에 입체감 있는 화이트 타이포, 차량 광택 이미지, 얇은 테두리 카드, 큰 숫자 타이포를 조합해 묵직하면서도 집중도 높은 화면 인상을 만든다.
서로 다른 정보 형식에 맞춘 가독성 전략
설명형 콘텐츠는 좌우 분할과 짧은 단락 구조로 부담을 낮추고, 핵심 내용은 아이콘 카드와 표로 전환해 빠른 스캔이 가능하도록 정리했다. 후기 절차는 1-2-3 단계 반복 구조와 화살표로 행동 순서를 직관화했고, 마지막 목록 영역은 라이트 테이블을 사용해 긴 데이터도 명확하게 탐색할 수 있게 했다.
POINT COLORS
Point 1#0B0B0B
Point 2#1A1C22
Point 3#FFFFFF
Point 4#C9A25D
Point 5#D4AF37
NEXT PROJECT — 30
DETAIL PAGE DESIGN