配色

ブランドの核

YellowとBlackはライト・ダークで変えない固定値。Yellowを面、Blackを文字に使うことで、ブランドらしさと読みやすさを同時に保つ。

shadcnの基本トークン

コンポーネントは元の色名ではなく、primary・muted・borderのような役割を参照する。テーマ切り替えは値だけを変え、役割は変えない。

主要アクションだけが光る

primaryは1画面に原則1つ。副次アクションはsecondary・outline・ghostへ落とし、Yellowの面を増やしすぎない。

テキストリンクは低コントラストのYellowを避け、Blueのlinkトークンを使う。

状態色は意味に固定する

色だけに頼らず、アイコンとラベルを併記する。淡い色を面、濃い色を文字に分けることで、状態バッジもコントラストを保つ。

チャートはBlue Grayで組む

系列はBlue Grayの明度差で区別し、状態色との意味衝突を避ける。強調したい1系列だけprimaryを使ってよい。