Design system for hakburn (학번). 잔불에서 다시 불씨로.
ember 는 hakburn 의 시각 정체성을 코드와 토큰으로 구현하는 디자인 시스템입니다. 모든 hakburn 표면(데스크탑·웹·모바일)과 외부 통합·플러그인이 동일한 토큰·컴포넌트·카피 톤을 공유할 수 있게 합니다.
ember 의 시각 정체성은 DESIGN.md 가 정전입니다.
DESIGN.md 는 Google Labs DESIGN.md spec (Apache 2.0) 을 따릅니다. YAML frontmatter 가 머신 판독용 토큰, Markdown 본문이 인간 판독용 근거를 담아 AI 코딩 에이전트(Claude Code, Cursor, Copilot 등)가 brand-consistent UI 를 생성할 수 있도록 합니다.
이 저장소는 다음을 포함하도록 진화합니다.
ember/
├── README.md # 이 파일
├── DESIGN.md # 시각 정체성 정전 (Google DESIGN.md spec)
├── tokens/ # 컬러·타이포·라디우스·간격 토큰 (라이트/다크)
├── typography/ # Geist + Pretendard 가이드
├── components/ # 헤드리스·시각 컴포넌트
├── icons/ # 브랜드·UI 아이콘
└── copy/ # 카피 톤 가이드 + 샘플
Pre-alpha. 토큰 사양(DESIGN.md)은 확정되었으나 코드 구현은 진행 중입니다.
설치 가이드는 첫 안정 릴리스(v0.1) 와 함께 제공될 예정입니다.
DESIGN.md 의 토큰을 그대로 CSS custom property 또는 JS 객체로 변환해 사용할 수 있습니다. 자세한 예시는 첫 릴리스 시 문서로 제공됩니다.
Contribution 가이드와 코드 오브 컨덕트는 추후 추가됩니다.
TBD — 첫 릴리스 시 확정. (Google DESIGN.md spec 과의 호환을 고려해 Apache 2.0 또는 MIT 검토 중.)