AUTOLUNA / DESIGN FOUNDATION

같은 색으로,
같은 브랜드를.

사이트와 제품에 사용하는 공통 컬러입니다.
이 페이지의 주소와 토큰 파일을 팀에 공유하세요.

스와치를 클릭하면 HEX 값을 복사합니다. CSS에서는 var(--palette-primary)처럼 사용합니다.

BRAND

브랜드 · 행동

NEUTRAL

ACCENT

STATUS

CONSOLE

ILLUSTRATION

브랜드 블루는 중요한 행동에, 네이비는 제품의 골격에 사용합니다. 성공·주의·오류는 상태를 전달할 때 사용하며, 텍스트와 아이콘을 함께 표시합니다. 옅은 색상은 배경용입니다. 일반 본문은 Ink를 사용하세요.

팔레트 원본은 public/brand/palette.json입니다. 수정 후 pnpm palette를 실행하면 사이트와 공유 파일에 같은 CSS 토큰이 생성됩니다.