11장 color는 palette가 아니라 역할과 대비로 정한다

AI는 여러 색을 조화롭게 추천할 수 있지만 어디에 얼마나 쓸지는 서비스 규칙이다. Onda는 canvas, surface, ink, muted, olive, clay, line, focus 역할을 먼저 정의한다.

--canvas: #f1eee6;
--surface: #fbfaf5;
--ink: #272d25;
--muted: #60675d;
--olive: #3f4938;
--clay: #a64f32;
--focus: #155bd5;

clay는 브랜드 강조, olive는 primary action, blue는 keyboard focus다. 브랜드 palette 안에 focus를 억지로 가두지 않는다. 상태 color는 success·warning·error 의미를 text와 icon에 함께 표시하고 color만으로 전달하지 않는다.

WCAG 2.2 AA의 일반 text contrast는 4.5:1, large text는 3:1을 기본 검사점으로 사용한다. 실제 font weight와 background image 위 overlay도 측정한다. disabled text를 너무 흐리게 만들어 정보가 사라지지 않게 한다. “고급스러운 연회색”이 읽히지 않으면 품질이 아니다.