Changelog

#v0.3 / Motion & Color balance

2026.10.07 / Production foundation

• Moved from static HTML to a Next.js (App Router, static export) + TypeScript site정적 HTML에서 Next.js(App Router, 정적 export) + TypeScript 사이트로 이관
• Generate CSS variables, DTCG JSON, and docs data from a single token source (tokens/tokens.mjs)토큰 단일 소스(tokens/tokens.mjs)에서 CSS 변수, DTCG JSON, 문서 데이터를 생성
• OKLCH-based 11-step color scales (violet, lime, gray, red, green, amber) with pinned brand valuesOKLCH 기반 11단계 컬러 스케일(violet, lime, gray, red, green, amber), 브랜드 값 고정
• Light/dark semantic tokens and theme switching (view transitions)라이트/다크 의미 토큰과 테마 전환(뷰 트랜지션)
• Color balance tool: recommended ratios per context, automatic checks, a score, and CSS variable export컬러 밸런스 도구: 맥락별 권장 비율, 자동 진단, 점수, CSS 변수 내보내기
• Motion tokens (duration, easing, spring), an easing playground, and a draggable symbol모션 토큰(duration, easing, spring)과 Easing 플레이그라운드, 드래그 가능한 심볼
• Adopted Pretendard Variable; input control borders now meet 3:1 contrastPretendard Variable 도입, 입력 컨트롤 경계 3:1 대비 확보
• D3 chart line drawing, area, guide line, and dark theme colorsD3 차트에 라인 드로잉, 영역, 가이드 라인과 다크 테마 색상 추가
• English (default) and Korean for the whole site사이트 전체 영어(기본), 한국어 지원
• New components: Chip, Toast, Avatar / new pattern: Empty state신규 컴포넌트 Chip, Toast, Avatar, 신규 패턴 빈 화면
• Anatomy and visual Do / Don't examples on every component page모든 컴포넌트 페이지에 구조(Anatomy)와 시각 예시 권장, 지양 추가
• New foundations: Elevation, Iconography (24 icons), UX writing신규 파운데이션: 엘리베이션, 아이코노그래피(아이콘 24종), UX 라이팅
• New components: Tooltip, Progress & Skeleton / new patterns: Loading, Onboarding신규 컴포넌트 Tooltip, Progress & Skeleton, 신규 패턴 로딩, 온보딩
• Site search (⌘K or /), reading progress, back to top, and copy-a-section link사이트 검색(⌘K 또는 /), 읽기 진행도, 맨 위로, 섹션 링크 복사
• Thin scrollbars with a stable gutter, so pages never shift sideways얇은 스크롤바와 고정 거터로 페이지가 옆으로 흔들리지 않음

#v0.2 / Dynamic + Mingle

• Rebuilt the home and brand pages as full-width, large-scale brand experiences메인, 브랜드 페이지를 전체 너비의 대형 브랜드 경험으로 재구성
• Confluence D symbol, outlined wordmark, and horizontal logoConfluence D 심볼, 아웃라인 워드마크와 가로형 로고
• SVG assets in four color versions and an identity board4개 색상 버전의 SVG 에셋과 아이덴티티 보드

#v0.1 / Foundation release

Built 21 documentation screens, shared design tokens, 7 component demos, and a developer guide.21개 문서 화면, 공통 디자인 토큰, 7개 컴포넌트 데모와 개발 가이드를 구축했습니다.