탐색LandingAI 헬스 랜딩 — 고정 헤드라인과 스크롤 단계형 작동 방식 섹션

1 / 1

Framer 미리보기에서 작동 방식 섹션을 스크롤하는 영상이다. 왼쪽 헤드라인은 고정되고 오른쪽의 번호 단계와 목업 카드가 차례로 페이드인되며 넘어간다.

Landing

AI 헬스 랜딩 — 고정 헤드라인과 스크롤 단계형 작동 방식 섹션

2026-05-11 · 동영상 1

AI 분석

왼쪽 헤드라인을 고정하고 오른쪽 번호 단계가 스크롤로 전개되는 작동 방식 섹션이다.

좌측에 섹션 라벨과 큰 헤드라인을 고정하고, 우측에 세로 진행선과 번호가 붙은 단계(연결·이해·안내)를 쌓은 스플릿 레이아웃이다. 따뜻한 오프화이트 배경에 짙은 플럼 세리프 헤드라인을 쓰고 일부 단어만 연한 모브로 바꾸며, 버튼과 강조 막대에만 레몬 옐로를 쓴다. 각 단계는 스켈레톤 막대로 추상화한 폼 카드, 웨어러블 카드, 파형 차트 카드, 넛지 카드 그리드 같은 일러스트형 UI 목업과 함께 나타나며 스크롤에 따라 페이드인된다. 차분한 웰니스 톤의 스티키 스크롤 스토리텔링 섹션을 설계할 때 참고하기 좋다.

minimal · editorial · light-mode · soft-gradient