FNA Design System

변경 이력

토큰·컴포넌트·문서의 변경을 날짜순으로. 토큰 값이 바뀌면 여기와 tokens.json $meta.version 을 함께 올립니다.

추가수정기준v1.0 · 2026-09-29

v1.0 — 2026-09-29

  • 추가문서 사이트 v1.0 — Overview · Brand 3 · Foundations 9 · Components 19 · Patterns 8 · Rules 8 · UX Writing 3 · Resources 4 (site/build.js 로 생성)
  • 추가제안 컴포넌트 6종(빈 상태 · 서명 패드 · 날짜/기간 · 인쇄 양식 · 수정 이력 · 페이지네이션) — site/src/assets/proposed.css, components.css 미반영
  • 추가차트·표 토큰 --fna-chart-* --fna-table-*, dataviz 규칙(8계열 CVD 검증 · 결재 순서 고정 · 마크 상수)
  • 추가.fna-modal--large 시니어 전체화면 시트 · .fna-choice 선택 카드 · .fna-step-field · .fna-appbar · .fna-drawer(우측) · .fna-switch
  • 추가표 변형: 정렬 헤더 aria-sort · 줄무늬 · 고정 헤더/첫 열 · dense · 단위 셀 · 부적합 행 바
  • 수정주의 도형색 #f59e0b → #d97706 (3.2:1) · 보조 글자 #5f6a86 (5.6:1) · 관리자 웹 성공 글자 #1e8e5a → #166534 — AUDIT §6
  • 수정사이드바 라이브 인라인 색 → --fna-side-alarm/caution/info/review/ok 토큰화
  • 기준tokens.json v1.0.0 단일 출처. dist: tokens.css · tokens.ts · tokens.dart · tokens.flat.json · components.css
  • 기준(c) 관리자 웹 · (d) 관제 웹 토큰 적용 (migrate-css.js --profile admin). (a) RN · (b) 로컬 웹은 MIGRATION.md 로 보류
  • 기준4개 화면 감사 차이표 AUDIT.md — 색 · 상태색 · 결재 6단계 · 타이포 · 간격 · 컴포넌트 · 접근성

이력 규칙

  • 항목 = 날짜 · 종류(추가 · 수정 · 삭제 · 기준) · 무엇 · 어디(토큰명·클래스명·페이지).
  • 토큰 값이 바뀌면 $meta.version 패치(1.0.1), 토큰이 추가되면 마이너(1.1.0), 이름이 바뀌거나 삭제되면 메이저(2.0.0) + 마이그레이션 표.
  • 화면 ID 변경은 화면 ID 표와 여기 둘 다.
  • 제안 컴포넌트가 components.css 로 채택되면 "추가"로 기록하고 해당 페이지 상태를 stable 로.

예정 (미확정)

  • v1.1 — 제안 컴포넌트 채택, 관리자·관제·심사 화면 ID 부여, 아이콘 스프라이트.
  • v1.2 — (a) RN 앱 토큰 적용, 위젯 구현, Pretendard 앱 번들.
  • v2.0 — (b) 로컬 플랫폼 웹 브랜드 블루 전환(색 결정 후).

안정마지막 갱신 담당 디자인시스템 TF · jjo831@farmzone.kr소스 tokens.json $meta · AUDIT.md · MIGRATION.mdResources · FNA 디자인 시스템 v1.0