Rimo Brand Guidelines Living document

ロゴ

Draft

基本方針

ロゴは C 案(R のみ大文字) をベースとする。既存ロゴからの進化的アップデートを前提とし、視認性と継続性に配慮する。

  • プロダクト内での見え方を最重視する
  • X ハイトを少し下げてクラシックな印象を持たせる調整を行う
  • アプリケーション名(Rimo Voice 等)との組み合わせバランスを検証

バリエーション

種別説明
ホリゾンタル横並び。プロダクトヘッダー等で使用
バーチカル縦並び。スクエアな媒体で使用
シンボルマークR のみ
マスターブランド + プロダクト名例: Rimo VoiceRimo Interview

ロゴの実体(SVG)は site/assets/logo-wordmark.svg 等を参照。最終確定品は Figma を一次ソースとする。

クリアスペース

ロゴの周囲には常に最低限の余白を確保する。

  • 基準: X = ロゴの「R」の高さ
  • ルール: ロゴの四方向に少なくとも X 分の余白を取る。他要素・画像・トリミング境界を X 内に入れない。

使ってはいけない形(Improper use)

以下の処理はロゴの一貫性とコントラストを損なうため禁止する。

Don’t説明
歪ませる縦横比を変えた変形(スケール非等倍)は禁止
回転させる水平以外の角度で置かない
多色グラデを載せる規定カラー以外の着色・グラデーションは禁止
ドロップシャドウ装飾的な影・縁取りは使わない
アウトライン化中抜き・縁取りバージョンは使わない
低コントラスト背景とのコントラスト比 4.5:1 未満は禁止(WCAG AA 準拠)

ライブの作例(NG ビジュアル)はサイトの Logo セクション を参照。

カラー

  • ポジティブ背景: #0A0A0A のインクで描画
  • ネガティブ背景: #FFFFFF で描画
  • ロゴ単体への着色は禁止。グラデーション表現はロゴガイド外(グラフィックエレメント側)で扱う

Source DDRs

Wordmark variations

ポジ / ネガ 2 種を基本に、クリアスペースと「やってはいけない」例を併記します。

Primary · ポジティブ背景 SVG
Reversed · ネガティブ背景 SVG

Clear space

X は Rimo の「R」の高さ。四方向に最低でも X ぶんの余白を確保します。

X X X X

Improper use

Rimo
歪ませる
縦横比を変えた変形は禁止
Rimo
回転させる
水平以外の角度で置かない
Rimo
多色グラデを載せる
規定カラー以外の着色は禁止
Rimo
ドロップシャドウ
装飾的な影・縁取りは使わない
Rimo
アウトライン化
中抜き・縁取り版はなし
Rimo
低コントラスト
背景とのコントラスト 4.5:1 未満
Copied!