AI 분석
스켈레톤 플레이스홀더가 시머를 거쳐 실제 대시보드로 채워지는 로딩 연출이다.
왼쪽 사이드바 내비와 오른쪽 카드 그리드로 구성된 데스크톱 대시보드가 먼저 회색 라운드 블록의 스켈레톤으로 나타난다. 밝은 배경에 좌우로 흐르는 시머 하이라이트가 지나간 뒤 실제 콘텐츠가 자리 잡으며, 실제 화면의 블록 위치가 스켈레톤과 정확히 일치해 레이아웃이 흔들리지 않는다. 로딩이 끝난 화면은 모노스페이스에 가까운 라벨 타이포와 큰 수치 강조로 전환율·매출·방문자 통계 카드를 배치하고, 보라색 바 차트와 주황색 라인 차트, 도트 매트릭스 세계 지도가 하단 세 칸을 채운다. 스켈레톤 형태와 최종 레이아웃을 일치시켜 체감 지연을 줄이는 방식의 좋은 참고 사례다.
minimal · light-mode · techy
claude-opus-5 · 2026-09-07 22:56 · 신뢰도 0.82
