AI 분석
세 기기의 체크리스트가 온라인·오프라인 전환에 따라 동기화되는 과정을 보여주는 다크 모드 인터랙티브 위젯이다.
사선 패턴의 어두운 배경 중앙에 둥근 모서리 패널이 놓이고, 그 안에 세 기기 카드가 나란히 배치되며 상단의 색 점 노드와 연결선이 기기 간 관계를 표현한다. 산세리프 본문과 모노스페이스 대문자 상태 라벨을 섞어 쓰고, 기기별로 파랑·초록·보라 식별색을 두며 실행 버튼에만 주황을 써서 시선을 모은다. 토글을 끄면 카드 테두리가 점선으로 바뀌고 상태가 빨간 오프라인·대기 표기로 전환되며, 연결선 위에 대기 중인 작업이 점으로 쌓였다가 재연결 시 흘러가 합쳐지고 하단에 수렴 완료 토스트가 뜬다. 오프라인 우선 동기화나 충돌 해결 같은 추상적 개념을 상태 배지와 모션으로 설명하는 인터랙티브 데모 레퍼런스로 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-16 06:11 · 신뢰도 0.75
