민트 리듬으로 완성한 스크롤 랜딩민트 리듬으로 완성한 스크롤 랜딩

Mint Rhythm LandingSCROLL TO EXPLORE ↓

FULL DETAIL VIEW · Mint Rhythm Landing100%

DESIGN POINTS

첫 화면은 대형 한글 타이포로 주목도를 극대화하고, 다음 구간에서는 중앙 정렬 설명과 2열 정보 블록으로 밀도를 낮춰 읽기 리듬을 조절했다. 이어지는 3단계 안내는 순차 구조로 정리되어, 스크롤만으로도 화면의 역할이 자연스럽게 구분된다.

민트 그라데이션 배경과 흰색 타이포의 대비가 전체 인상을 규정하고, 복주머니·캐릭터·패턴 장식이 텍스트 중심 레이아웃에 감정적 포인트를 더한다. 목업 이미지와 민트 화살표는 장식에 그치지 않고 다음 행동과 순서를 시각적으로 연결하는 요소로 작동한다.

설명 문단, 라벨-가로선-본문의 반복 형식, 단계 번호와 캡션 조합이 서로 다른 정보 유형을 일관된 규칙 안에서 읽히게 만든다. 넉넉한 여백과 캡슐형 CTA, 가장자리로 제한한 패턴 사용은 화면의 친근함을 유지하면서도 본문 집중도를 해치지 않도록 균형을 잡는다.

POINT COLORS

Point 1#33D0B8

Point 2#FFFFFF

Point 3#1F8F73

Point 4#FF5A47

Point 5#D98A4A

NEXT PROJECT — 60

강한 대비와 분할 구조로 완성한 SNS 프로모션 디자인