AI 분석
검정 배경에 주황 도트 숫자와 움직이는 픽셀 아이콘으로 3단계 도입 과정을 보여주는 랜딩 섹션이다.
상단에 섹션 라벨과 2줄 헤드라인, 오른쪽에 설명문과 CTA 버튼을 둔 스플릿 헤더 아래로 세로 구분선이 있는 3칼럼 단계 블록이 이어진다. 흰색과 회색으로 나뉜 모노스페이스 픽셀풍 헤드라인, 도트 매트릭스로 그린 주황 숫자, 주황 모노 라벨과 산세리프 본문이 검정 배경 위에서 강한 대비를 만든다. 각 단계 오른쪽 위의 작은 픽셀 그리드 아이콘(플러그, 슬라이더, 상승 계단)이 프레임마다 픽셀 단위로 채워지고 깜빡이며, 상단 주황 진행선과 사각 노드가 단계를 연결하고 헤드라인은 블러에서 선명하게 드러난다. 정적인 단계 소개 섹션에 작은 픽셀 애니메이션으로 생동감을 더하는 방법을 참고하기 좋다.
dark-mode · techy · retro · minimal · high-contrast
claude-opus-5-5 · 2026-10-21 18:08 · 신뢰도 0.80
