Muse Playbook
목차

홈 / 이럴 땐 이렇게 / 색 시스템

색 시스템

색 질문은 color-expert가 기본입니다. 팔레트·램프·대비·차트색·토큰·색 이름도 여기로 갑니다. 계산은 color-system의 oklch.py와 a11y-audit의 contrast.py가 합니다. 이미지 모델로 색을 짓지 않습니다.

정본이 갈려 있습니다. 로컬 에셋 가이드와 Notion 디자인 시스템 초록이 다릅니다. HEX 불일치를 탈락 사유로 쓰지 않습니다. 없는 색은 제안으로만 올립니다.

로컬 에셋 가이드(확인됨)

경로: ~/workspace/assets/infograb-brand/brand/colors/brand-colors.md

네이비#0D1F2B
포레스트#43835A
라임#77AD47
틸#1C6F6E
페이퍼#F6F7F7

라임 #77AD47은 흰 배경 위 본문 색으로 쓰지 않습니다. 대비가 부족합니다. 선과 테두리, 큰 면의 포인트에 쓰고 글자는 네이비로 둡니다.

하지 말 것: 가이드에 폐기·주의로 적힌 값

color-system 가이드는 #579950, #4B24D7, #7e61d5를 코드에 넣지 말라고 합니다. Notion 쪽에 비슷한 초록이 보여도 그 값을 새 화면의 리터럴로 복사하지 않습니다. 제안으로 올리고 결정을 기다립니다.

순서

  1. 역할을 먼저 적습니다. 면, 선, 본문, 행동, 분류, 상태.
  2. 기준색을 OKLCH로 바꿉니다. L, C, H를 표에 남깁니다.
  3. 색역 밖이면 명도나 색상을 바꾸지 말고 chroma만 줄입니다.
  4. 램프는 색상을 고정하고 명도만 움직입니다.
  5. 글자와 실제 바탕의 쌍마다 대비를 계산합니다. 눈대중은 증명이 아닙니다.
color-system 스킬 가이드의 기존 팔레트 점검 카드
기존 예시 카드design-skills 문서의 샘플입니다. 이 페이지에서 다시 그리지 않았습니다. 카드의 역할 예시는 모양용이고 OKLCH 숫자는 당시 스크립트 출력입니다.
복사용색 점검
color-system으로 이 팔레트를 점검해 줘.
기준색은 브랜드 정본 brand/colors/brand-colors.md의 ig-lime-green.
역할 표부터 만들고, OKLCH와 본문 대비를 계산해.
정본에 없는 색은 제안으로만 올려. 이미지는 만들지 마.
라임을 흰 배경 본문색으로 쓰지 마.