AI 분석
다크 배경의 러닝 기록 화면에서 거리 숫자가 세로로 굴러가며 바뀌는 모션이다.
정사각 다크 화면에 상단 제목과 알약형 컨트롤, 중앙의 거대한 거리 수치, 구분선 아래 3열 지표와 하단 칼로리 줄이 단일 칼럼으로 쌓인다. 굵은 산세리프 흰색 숫자에 빨간 단위 텍스트를 대비시키고, 보조 라벨은 회색으로 낮춰 위계를 만든다. 거리의 마지막 자릿수가 위아래로 밀리며 다음 숫자로 바뀌는 롤링 카운터 전환이 핵심이며, 시간·페이스·심박·칼로리 값도 함께 갱신되고 일시정지·정지 버튼은 빨간 림 라이트가 들어간 구형 버튼으로 표현된다. 운동·피트니스 앱의 실시간 수치 표시와 Figma 변수 기반 숫자 애니메이션을 설계할 때 참고하기 좋다.
dark-mode · minimal · high-contrast · techy
claude-opus-5-5 · 2026-10-21 16:24 · 신뢰도 0.80
