AI 분석
입자 기반 3D 로더를 미리보고 크기별로 비교하는 어두운 실험 도구 화면이다.
거의 검정에 가까운 배경 위에 상단 바와 두 개의 라운드 패널이 단일 칼럼으로 쌓인 구조다. 타이포그래피는 전부 모노스페이스 소문자이며, 상단 우측에는 외곽선 필 버튼이 나열되고 활성 항목만 밝은 배경으로 반전된다. 위 패널은 넓은 여백의 미리보기 무대이고, 아래 패널은 48px부터 192px까지 같은 로더를 네 크기로 늘어놓아 작은 크기에서의 판독성을 바로 비교하게 한다. 로더 자체는 보라빛 파랑 입자와 발광 스트로크로 구성되어 파도, 구, 궤적, 다이아몬드 격자 형태로 계속 변형된다. 컴포넌트 상태를 한 화면에서 크기별로 검증하는 툴 UI 패턴과 어두운 배경 위 발광 모션 처리의 레퍼런스로 유용하다.
dark-mode · minimal · 3d · high-contrast · techy
claude-opus-5 · 2026-09-07 18:24 · 신뢰도 0.80
