이어서 디자인 시스템
이어서(ieoseo)의 디자인 토큰·아이콘 단일 소스. 모든 값은
tokens/tokens.json 하나에서 정의되고, 생성기가 CSS(랜딩)·Dart(Flutter 앱)·이 문서를 함께 만든다.
파이프라인
tokens.json ─ npm run build ─→ dist/css → landing (ieoseo.app)
│ dist/dart → client (Flutter 앱)
3중 게이트 ────┘ dist/site → 이 문서 사이트
(참조 → 타입 → WCAG 대비)
원칙
- 권위 역전 — 값의 진실은 tokens.json. 코드·문서는 소비자다 (ADR-0032).
- 빌드 게이트 — 끊어진 참조·타입 불일치·WCAG 대비 미달은 빌드가 실패시킨다.
- 컴포넌트는 비공유 — 수치 스펙(Seed*)만 공유하고, 위젯은 각 플랫폼이 구현한다 (ADR-0022).
- 이 문서는 자동 생성 — 견본이 생성된 CSS 를 그대로 소비하므로 문서-코드 드리프트가 없다.
바로가기
Color · Iconography · Button · Tone 규칙