AI 분석
아티클 상단에 떠 있는 검은 알약이 읽기 진행률을 보여주고 클릭하면 목차 패널로 확장되는 인터랙션이다.
밝은 회백색 배경의 단일 칼럼 아티클 위에 검은 알약형 플로팅 바가 상단 중앙에 고정된다. 바에는 원형 진행 링, 'Index' 라벨과 쉐브론, 회색 캡슐 속 퍼센트 수치가 흰 산세리프로 배치되고 본문은 회색 계열 텍스트와 진한 소제목으로 위계를 만든다. 스크롤에 따라 진행 링과 퍼센트가 차오르고, 바를 누르면 둥근 모서리의 큰 검은 패널로 부드럽게 확장되어 섹션 목록을 보여주며 뒤 본문은 흐림 처리된다. 다이내믹 아일랜드식 형태 변형을 웹 읽기 경험에 적용한 마이크로 인터랙션 참고로 유용하다.
minimal · light-mode · high-contrast
claude-opus-5-5 · 2026-10-21 16:18 · 신뢰도 0.75