グラフィックエレメント

基本方針

グラフィックエレメントは ルート3（光・グラデーション・抽象的表現） の方向性で運用する。Rimo の柔軟でバランスの取れた企業イメージに最も合致する表現。

• Illustrator で作成したベース素材を AI / CSS で動き化（アニメーション）できる構成
• 色変更・ぼかしなど柔軟な運用が可能
• ブランドのセカンダリカラー（紫・緑）も取り入れやすい
• 完全な丸や直線に縛られない、抽象的・有機的なグラデーション表現

モチーフ例（現行素材）

site/assets/ 配下に以下のグラフィック素材が存在する:

• graphic-data.svg — データ・波形のモチーフ
• graphic-mike-grid.svg / graphic-mike-grid-hero.svg — マイクグリッドモチーフ
• graphic-morse.svg — モールス信号モチーフ

これらは音声プロダクト（Rimo Voice）の文脈と整合するモチーフ。

生成 Skill

グラフィックエレメントの 自動生成は Skill 化されており、別リポジトリで提供される。サイト・AI クライアントからはこの Skill を利用する。

• リポジトリ: rimoapp/rimo-graphicelement-generator
• 公開ページ: rimoapp.github.io/rimo-graphicelement-generator

Skill の特徴

• 隣接する要素の色や向きの被りを避けるアルゴリズムを備え、品質を自動担保する
• JS ベースで動作し、AI クライアント（Claude 等）からも呼び出せる

Source DDRs

• DDR-0006: グラフィックエレメント — ルート3
• DDR-0014: グラフィックエレメント生成は別リポジトリの Skill に切り出す