Rimo Brand Guidelines Living document

カラー

Draft

基本方針

  • キーカラー: オレンジ
  • アクセント: 紫、緑(ティール)の使用は可
  • トーン: 彩度の高い色、コントラストの効いた強い黒を使用
  • やらないこと:
    • 青色(Blue)の使用は禁止(B2B ビジネスツール感を避けるため)
    • 中間色(くすんだグレー、Dull/Grayish)は色褪せて見えるため避ける

カラー一覧(実装中、Figma を一次ソースとする)

Note: 具体的なカラーコード(HEX / RGB / HSL)は Figma を一次ソースとし、本ドキュメントは方針を記述する。実装時に Figma の Variables から同期する。

役割用途値(暫定 / 要確定)
Rimo Orangeキーカラー(CTA、強調)#f14c00(site から)
Rimo Orange Soft補助 / アクセント#f18900(site から)
Inkテキスト主#3d3d3d(site から)
Ink Mutedテキスト補#595649(site から)
Page BGページ背景#ecebe8(site から)
Card BGカード背景#f0f2f1(site から)

上記は現在の site 実装に含まれる値であり、Figma との整合性確認が必要。

AI 利用時のガイダンス

AI に画像生成・コピー作成を依頼する際は、以下を明示すること:

  • 「青色は使わない」
  • 「キーカラーはオレンジ、アクセントは紫または緑(ティール)」
  • 「中間グレーではなく、コントラストの効いた黒を使う」

Source DDRs

Swatch reference

クリックで HEX をコピーできます。Figma Variables との同期が完了したら、これらの値もそちらに揃えます。

Orange scale

Neutrals

Copied!