← Visual Boards
NEXDATAFORGE / VISUAL FOUNDATION
Color Board
Design Language: reference document →
Principle
색은 장식이 아니라 행동과 상태의 의미를 전달한다. NexDataForge의 기본은 차분한 dark blue 기반에 teal primary와 indigo secondary를 사용하고, AI는 purple 계열로 구분한다.
--ndf-brand-primary
#4DD7C8핵심 행동--ndf-brand-secondary
#5D8DFF보조 행동--ndf-bg
#07111F페이지 배경--ndf-surface
#112236정보 표면--ndf-success
#45C486성공--ndf-warning
#F0B44B주의--ndf-error
#F06B6B오류--ndf-ai-primary
#9B8CFFAI 제안Visual Samples
Foundation tokensUsage
Related componentGood / Avoid
Good
의미와 상태를 분명히 하고, 실제 행동과 연결합니다.
Avoid
장식만을 위해 강조하거나 색·크기만으로 상태를 전달하지 않습니다.
Accessibility
Keyboard focus, 충분한 대비, semantic HTML, 명확한 label, 44px 터치 영역과 320px 화면을 확인합니다.