diff --git a/design/uiux/style-guide.md b/design/uiux/style-guide.md index ce0bb0f..34bd928 100644 --- a/design/uiux/style-guide.md +++ b/design/uiux/style-guide.md @@ -1240,4 +1240,5 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다. | 1.1.2 | 2025-10-21 | 도그냥 | 우측 사이드바 탭 디자인 개선 (gappa 프로토타입 기반)
- **AI 제안 카드**: 회색 배경(#F5F5F5), 민트 그린 점선 테두리, 헤더 (✨/📋 아이콘 + 제목), 본문, 액션 버튼
- **용어 사전 카드**:
- 흰색 배경, 회색 실선 테두리
- 하이라이트 카드: 민트 그린 연한 배경(#E8F9F3), 민트 그린 테두리 (현재 회의에서 언급된 용어)
- 용어명 + 카테고리 배지 + 언급 아이콘 (💬)
- 하단 컨텍스트: "회의에서 N회 언급됨" 또는 "관련 회의록에서 언급됨"
- 호버 시: 민트 그린 테두리 + 그림자
- **관련 회의록 카드**: 회색 배경(#F5F5F5), 회색 점선 테두리, 제목 + 메타정보 (날짜, 관련도) + 요약 텍스트 | | 1.1.3 | 2025-10-21 | 도그냥 | 용어 사전 및 관련 회의록 탭 디자인 통일성 개선
- **용어 사전 카드 디자인 개선**:
- 기본 상태: 민트 배경에서 화이트 배경 + 회색 테두리로 변경
- 하이라이트 상태: 민트 연한 배경 + 민트 테두리 (현재 회의 언급 용어만)
- 용어명: 16px Semibold
- 배지: 민트 연한 배경, 테두리 제거
- 언급 아이콘: 14px
- 컨텍스트: 상단 회색 구분선, 11px
- 호버: 민트 테두리 + 그림자
- **관련 회의록 카드 타이틀 강조**:
- 제목 폰트: Semibold → Bold (16px)
- 호버 시: 더 진한 회색 배경
- **사이드바 패널 타이틀 통일**:
- h3: 14px Bold (섹션 타이틀)
- h4: 14px Semibold (서브 타이틀) | | 1.1.4 | 2025-10-21 | 도그냥 | 우측 사이드바 3개 탭 (AI제안, 용어사전, 관련회의록) 디자인 통일성 개선
- **공통 디자인 원칙 수립**: 모든 카드가 일관된 디자인 시스템을 따르도록 개선
- 배경: `#FAFAFA` (연한 회색)
- 테두리: `1px dashed #D0D0D0` (회색 점선)
- 타이틀: 16px Bold, 민트 그린 (`var(--primary)`)
- 본문: 14px, gray-700
- 호버 상태: 진한 회색 배경 (#F0F0F0) + 민트 그린 테두리
- **AI 제안 카드**: 헤더 폰트 Bold (16px)
- **용어 사전 카드**: 배경 회색(#FAFAFA), 점선 테두리, 타이틀 민트 그린, 컨텍스트 구분선 점선으로 변경
- **관련 회의록 카드**: 타이틀 민트 그린으로 변경, 호버 시 민트 테두리 추가
- **통일성 체크리스트** 추가: 9가지 디자인 규칙 명시 | -| 1.2 | 2025-10-22 | 이미준 | 프로토타입 기반 스타일 가이드 업데이트
- **하단 네비게이션 복원**: 4개 메뉴 (홈/회의록/Todo/프로필) - 프로토타입 구현 기준 반영
- **프로필 메뉴 기능**: 사용자 정보, 개인 설정, 로그아웃 접근
- **일관성 개선**: 프로토타입과 스타일 가이드 통일 | +| 1.1.5 | 2025-10-22 | 이미준 | 프로토타입 기반 스타일 가이드 업데이트
- **하단 네비게이션 복원**: 4개 메뉴 (홈/회의록/Todo/프로필) - 프로토타입 구현 기준 반영
- **프로필 메뉴 기능**: 사용자 정보, 개인 설정, 로그아웃 접근
- **일관성 개선**: 프로토타입과 스타일 가이드 통일 | +| 1.2.0 | 2025-10-23 | 강지수 | Todo 카드 디자인 통일 및 D-day 배지 스타일 정의
- **D-day 배지 스타일 추가**: 5가지 마감일 상태별 배지 정의
- `.badge-dday`: D-Day (오늘 마감) - 연한 녹색 배경, 진한 녹색 글씨, 테두리
- `.badge-warning`: D-1~3 (임박) - 연한 주황 배경, 진한 주황 글씨, 테두리
- `.badge-primary`: D-4~7 (여유) - 연한 파랑 배경, 진한 파랑 글씨, 테두리
- `.badge-secondary`: D-8+ (충분) - 연한 회색 배경, 진한 회색 글씨, 테두리
- `.badge-overdue`: D+N (지연) - 빨간색 배경, 흰색 글씨 (기존 스타일 재사용)
- **디자인 일관성 개선**: 대시보드, Todo관리, 회의록상세조회 화면의 Todo 카드 스타일 통일
- **모바일 최적화**: 대시보드 통계 카드에서 모바일 화면 시 이모지 숨김 처리 |