컬러 토큰 익스포터

프리픽싱은 충돌 방지·의도 명확화. 스페이싱 토큰·라디우스 토큰 등도 있을 때 --color-primary가 --primary보다 가독성 좋음. Tailwind에선 토큰이 항상 extend.colors 아래로 감(Tailwind가 색상 유틸리티를 만드는 유일한 키) → 프리픽스는 그 안의 중첩 그룹이 됨. 프리픽스 brand면 bg-brand-primary. 프리픽스를 비우면 그냥 bg-primary.

거의. 토큰당 { value, type: 'color' } 사용 → Design Tokens Community Group 초안과 일치. 엄격한 W3C 준수엔 그룹 객체 아래 중첩 필요할 수도 — 대부분 툴(Style Dictionary·Specify·Cobalt)은 플랫 형태 잘 처리하고 자체 변환 수행.

한 곳을 기준으로 삼고 나머지는 그것에서 생성하라. 색이 두 형식에서 손으로 수정되는 순간부터 둘은 어긋나기 시작하고, 그 어긋남은 누군가 두 화면을 나란히 캡처하기 전까지 보이지 않는다. 원본 팔레트를 버전 관리에 두고, 플랫폼 파일은 빌드 단계에서 다시 생성하며, 손으로 고친 내보내기 결과물은 지름길이 아니라 버그로 취급하라.

테마가 바뀔 수 있는 곳이라면 생김새가 아니라 역할로 지어라. blue-500이라는 토큰은 다크 모드에서 그 색이 더 밝아지는 순간 거짓말이 되지만, surface나 accent는 살아남는다. 문자 그대로의 색 이름은 바탕 팔레트로 두고 역할 토큰이 그것을 가리키게 하면 된다. 그 한 겹의 간접 참조 덕분에 이름을 바꾸지 않고도 테마를 갈아 끼울 수 있다.