AI 분석
과제 촬영, 분석, 피드백 공유 단계를 히어로 영역에서 순차 애니메이션으로 보여주는 다크 톤 랜딩 페이지다.
상단 내비게이션 아래 중앙 정렬 히어로가 있고, 헤드라인 위 영역에서 제품 흐름을 보여주는 일러스트형 UI 무대가 단계별로 바뀐다. 따뜻한 흑갈색 배경에 크림색 세리프 헤드라인과 산세리프 본문을 대비시키고, 점수에는 주황과 초록, 문서 아이콘에는 파랑을 절제해 쓴다. 휴대폰이 종이 과제를 촬영하는 장면에서 세 개의 문서 카드가 분석 로딩을 거쳐 하이라이트와 체크 표시로 바뀌고, 이어 피드백 말풍선 카드와 점수 통계 카드가 연결선과 함께 떠오르는 시퀀스가 핵심이다. 복잡한 AI 워크플로를 단계 라벨 칩과 카드 전환만으로 설명하는 히어로 모션 레퍼런스로 유용하다.
dark-mode · minimal · editorial
claude-opus-5-5 · 2026-10-21 16:35 · 신뢰도 0.75
