참고 이미지(Geckoboard형 KPI / 인디고+골드 애널리틱스) 방향으로 시각 정리. 실제 렌더(브라우저 스크린샷)로 대시보드 4탭 + 공용 login 확인. - KPI 스트립을 '대형 숫자 + 소형 대문자 라벨' 위계로 재구성. 상태는 라벨 앞 상태 dot(도형+색) + 값 색 + 텍스트로 3중 인코딩(상단 그라디언트 스트립 제거). 타일 패딩·높이 확대로 여백 확보. - 카드 상단 3px 그라디언트 스트립 제거(.card·.kpi) → 참고처럼 평평하고 조용한 카드. .card 상태색은 값 색상 + 미묘한 테두리 틴트로 유지(월간보고·보안증적 공용). - 토큰: 라운드(r-lg 16→18) 상향, 그림자를 소프트·확산형으로, 장식 골드 액센트 토큰(--accent-gold) 추가. 공용 7페이지가 토큰으로 일관 이동. 알림 스트립 좌측 액센트 바와 login/status-hero 상단 액센트는 의미있는 알림· 아이덴티티 어포던스로 유지. |
||
|---|---|---|
| .. | ||
| app.css | ||