style: 레이아웃 비율 복구 및 타이포그래피 전역 표준화 (16px Base)

- 주요 변경 사항:
  1. 레이아웃 안정화: 서버 위치도 뷰의 2:1 비율 복원 및 가변형(Adaptive) 레이아웃 적용
  2. 타이포그래피 표준화: 전역 폰트 스케일 도입 및 기본 폰트 사이즈 상향 (15px -> 16px)
  3. 3-Way 토글 통합: [자산 위치] [운영 현황] [자산 목록] 간의 전환 오류 수정 및 UI 통일
  4. 하드코딩 제거: 인라인 스타일을 CSS 클래스 및 변수 체계로 전면 리팩토링
  5. 가이드 업데이트: 변경된 디자인 정책을 design_rule.md에 반영
This commit is contained in:
2026-06-15 14:21:54 +09:00
parent b169176d57
commit 119c799d1d
9 changed files with 1196 additions and 1052 deletions

View File

@@ -10,9 +10,17 @@
* **Green Accent**: 블루 대신 짙은 그린(`#1E5149`)을 포인트 컬러로 사용하여 차분한 전문성을 강조합니다.
### 2. 타이포그래피 (Typography)
* **Font Family**: `Pretendard` (전역 적용)
* **Font Family**: `Pretendard Variable`, `Pretendard` (전역 적용)
* **Base Font Size**: 기본 텍스트 크기는 **16px**로 설정합니다.
* **Letter Spacing**: `-0.02em` (약 -2%) 적용. 자간을 좁게 설정하여 밀도 있고 세련된 가독성을 확보합니다.
* **Weights**: 400(Regular), 500(Medium), 600(SemiBold), 700(Bold), 800(ExtraBold).
* **Weights**: 400(Regular), 500(Medium), 600(SemiBold), 700(Bold), 800(ExtraBold), 900(Black).
* **Standard Scale**:
* **XS (12px)**: 보조 텍스트, 작은 라벨
* **SM (14px)**: 일반 항목 라벨, 필터 텍스트
* **Base (16px)**: 메인 데이터 내용, 테이블 셀, 상세 정보 값
* **MD (19px)**: 섹션 제목, 강조 문구
* **LG (23px)**: 주요 페이지 타이틀
* **XL (29px)**: 핵심 통계 수치 (KPI)
### 3. 컬러 팔레트 (Color Palette)
* **Point Color**: `#1E5149` (Deep Green) - 강조, 활성화 상태, 주요 액션 버튼.