AI 분석
어두운 배경 위에 컴포넌트 하나씩을 격리해 보여주는 다크 UI 컴포넌트 스터디 4종이다.
네 장 모두 어두운 배경과 옅은 격자 가이드 위에 컴포넌트 하나만 중앙에 놓는 동일한 프레젠테이션 포맷을 쓴다. 타이포그래피는 산세리프 본문과 대문자 모노스페이스 라벨을 섞고, 색은 거의 무채색으로 유지한 뒤 주황 강조, 보라 선택 상태, 빨강 알림과 삭제만 남긴다. AI 프롬프트 입력창, 알약형 아이콘 내비게이션 바, 구독 결제 캘린더, 액션 드롭다운 메뉴가 각각 한 장을 차지하며 포커스 링, 호버 하이라이트, 배지 카운트 같은 상태 표현이 함께 들어간다. 다크 모드에서 작은 컴포넌트의 여백, 모서리 반경, 상태 강조를 어떻게 다루는지 한 세트로 보여줘 디자인 시스템 레퍼런스로 유용하다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 21:03 · 신뢰도 0.93
