Brand Color System Generator — Design Tokens & Typography

디자인 시스템은 애플리케이션을 일관되게 구축하기 위해 사용되는 표준, 문서, 원칙, 그리고 도구(UI 패턴 및 코드 구성 요소)의 포괄적인 집합입니다.

핵심 HEX 색상의 온도, 에너지, 무게를 프로파일링한 후 분할 보색 또는 유사 색상과 같은 알고리즘 조화 전략을 적용하여 접근 가능한 악센트와 표면 색상을 자동으로 도출합니다.

브랜드 색상을 나타내는 의미론적 변수입니다. 내보낸 JSON을 Tailwind CSS 설정, Figma 변수 또는 표준 CSS 스타일시트에 직접 주입할 수 있습니다.

완전한 검은색(#000000)은 현실 세계에 거의 존재하지 않으며 화면에서 눈의 피로를 유발합니다. 높은 WCAG 대비를 유지하면서도 유기적이고 통합된 느낌을 주는 'On Surface' 톤을 생성합니다.