AI 분석
항목을 펼치면 하나의 카드가 위아래로 분리되며 열린 항목만 독립 카드가 되는 아코디언 인터랙션이다.
밝은 회백색 배경 중앙에 둥근 모서리의 단일 카드가 놓이고, 아이콘·제목·셰브런으로 이루어진 다섯 개의 행이 세로로 쌓인다. 진한 회색 산세리프 제목과 회색 라인 아이콘, 연한 테두리만 사용해 색을 극도로 절제했다. 항목을 누르면 카드가 열린 항목 위아래에서 갈라져 세 덩어리로 분리되고, 열린 세그먼트는 살짝 어두운 배경과 위쪽 셰브런, 설명 문단을 보여준다. 다른 항목으로 옮기면 기존 분할이 다시 합쳐지고 새 위치에서 갈라지며, 호버 행에는 옅은 하이라이트가 깔린다. FAQ나 설정 목록에서 확장 상태를 공간 분리로 강조하는 모션 레퍼런스로 유용하다.
minimal · light-mode · monochrome
claude-opus-5-5 · 2026-10-16 17:49 · 신뢰도 0.80
