색채 심리학 기반 컬러 시스템 구축: - Primary Color를 신뢰감 있는 블루(#2563EB)로 변경 - 비즈니스 상태별 의미 있는 색상 체계 도입 (본사/지점/파트너사/고객사) - 장비 상태별 색상 정의 (입고/출고/대여/폐기/수리중) - 정보 계층을 명확히 하는 그레이 스케일 시스템 F-Pattern 레이아웃 적용: - 1차 시선: 상단 헤더 (로고, 검색, 알림, 프로필) - 2차 시선: 페이지 헤더 (제목, 브레드크럼, 주요 액션) - 주요 작업 영역: 중앙 콘텐츠 1920x1080 해상도 최적화: - 최대 콘텐츠 너비 1440px 제한 - 12컬럼 그리드 시스템 적용 - 수평 스크롤 제거 컴포넌트 시스템 개선: - 호버 효과 및 마이크로 애니메이션 추가 - 비즈니스 상태별 배지 컴포넌트 - 향상된 입력 필드 인터랙션 - 프로그레스바, 칩 컴포넌트 추가 사이드바 UX 개선: - 부드러운 접기/펼치기 애니메이션 - 활성 상태 아이콘 변화 - 알림 배지 표시 기능 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
19 KiB
19 KiB