탐색Dashboard다크 애널리틱스 대시보드 — 카드 그리드 통계 화면

1 / 1

다크 모드 애널리틱스 대시보드 목업이다. 좌측 사이드바 내비, 상단 검색 바와 날짜 선택, 파란 막대·영역 차트와 원형 진행 표시가 들어간 통계 카드 그리드가 보인다.

Dashboard

다크 애널리틱스 대시보드 — 카드 그리드 통계 화면

2025-03-16 · 이미지 1

AI 분석

좌측 사이드바와 카드 그리드로 구성한 다크 모드 웹 애널리틱스 대시보드다.

좌측 고정 사이드바에 다단계 내비게이션을 두고 본문은 크기가 다른 카드가 맞물리는 그리드로 채운다. 거의 검정에 가까운 배경 위에 저채도 회색 카드면을 얹고 파랑 하나만 강조색으로 써서 차트와 기본 버튼에만 시선을 몰아준다. 큰 숫자를 앞세운 통계 카드, 막대·영역 차트, 원형 진행 표시, 국가별 목록, 상단 검색 바와 날짜 선택이 핵심 구성이다. 정보 밀도가 높은 관리 화면에서 강조색을 하나로 제한해 위계를 만드는 방식의 레퍼런스로 쓸 만하다.

dark-mode · minimal · techy · high-contrast

analytics card-grid chart dark-mode dashboard data-table design-system high-contrast saas search-bar sidebar-nav stat-card

claude-opus-5 · 2026-09-07 21:57 · 신뢰도 0.88

Toby

@tobybelhome · 팔로워 5,471

작가 페이지 X

원본 트윗

The migration to Tailwind CSS 4 is almost complete 🥳. Dashboards have been improved and new customization options have been added. Plus a few more innovations. I will talk about them soon 🫡. @shadcn ui kit

좋아요 39 · 리트윗 2

x.com/tobybelhome/status/1901252185159029152