PROJECT — 36 / 63

DETAIL PAGE DESIGN

다크 히어로와 모듈형 정보 그리드다크 히어로와 모듈형 정보 그리드

Dark Hero, Modular Info FlowSCROLL TO EXPLORE ↓
FULL DETAIL VIEW · Dark Hero, Modular Info Flow100%
다크 히어로와 모듈형 정보 그리드 포트폴리오 디자인

DESIGN POINTS

01

스크롤을 유도하는 세로형 정보 전개

표지는 대형 한글 타이포와 손글씨형 강조, 돋보기 아이콘으로 첫 시선을 강하게 확보하고, 이후 소개·신뢰·솔루션·커리큘럼·협력사 정보가 위에서 아래로 단계적으로 이어진다. 한 장 안에서도 카드뉴스처럼 구획을 나눠 읽기 순서를 분명하게 설계한 구성이 특징이다.

02

다크/라이트 전환으로 만드는 시리즈 일관성

상단의 남청색 계열 히어로 존, 중단의 어두운 사진 배경, 하단의 흰 정보 섹션이라는 대비 구조가 전체 톤을 지배한다. 여기에 연두색 핵심 포인트, 청록색 강조 필기, 라인 아이콘, 로고 그리드, 모듈형 박스가 반복되며 브랜드형 SNS 시리즈로서 통일감을 형성한다.

03

작은 화면에 맞춘 위계 중심 가독성

모바일 환경을 고려해 제목은 크게, 보조 설명은 짧게, 핵심 정보는 박스·표·배지 단위로 묶어 빠르게 훑을 수 있게 했다. 색상 강조와 구획 분리 덕분에 정보 밀도가 높아도 섹션 경계가 명확하며, 협력사 로고나 단계 정보도 한눈에 기능별로 인식된다.

POINT COLORS

Point 1#1F2A3D
Point 2#0F1720
Point 3#2BC7C9
Point 4#7BD321
Point 5#FFFFFF

NEXT PROJECT — 37

DETAIL PAGE DESIGN

강한 대비로 정리한 푸드 에디토리얼 상세

VIEW NEXT ↗