Rimo Brand Guidelines Living document
カラー
基本方針
- キーカラー: オレンジ
- アクセント: 紫、緑(ティール)の使用は可
- トーン: 彩度の高い色、コントラストの効いた強い黒を使用
- やらないこと:
- 青色(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 との同期が完了したら、これらの値もそちらに揃えます。