![GoogleビジネスプロフィールMEO対策サポート[おもてなし.com]](https://meo.omotenashi.com/wp-content/uploads/2022/06/cropped-0540977b4b7e7b0015ae94050b534a77.png)
おもてハブ
ブランドロゴ ガイドライン
ロゴデータ ダウンロード
用途に応じて下記からダウンロードしてください。拡大しても劣化しないSVG（ベクター）を優先してご利用ください。すべてのデータを一括取得する場合は下のZIPをご利用ください。
▼ ロゴキット一式をダウンロード（ZIP・約700KB）| レイアウト | カラー | ベクター | ビットマップ |
|---|---|---|---|
| 横長ロックアップ | フルカラー | SVG | PNG |
| 横長ロックアップ | 真藍単色 | SVG | PNG |
| 横長ロックアップ | 墨単色 | SVG | PNG |
| 横長ロックアップ | 白抜き | SVG | PNG |
| 縦積み | フルカラー | SVG | PNG |
| 縦積み | 真藍単色 | SVG | PNG |
| 縦積み | 墨単色 | SVG | PNG |
| 縦積み | 白抜き | SVG | PNG |
| シンボル単体 | フルカラー | SVG | PNG |
| シンボル単体 | 真藍単色 | SVG | PNG |
| シンボル単体 | 墨単色 | SVG | PNG |
| シンボル単体 | 白抜き | SVG | PNG |
用途別データ
| 用途 | ファイル |
|---|---|
| 横長バナー用（816×208・白背景） | PNG |
| ファビコン／アプリアイコン | 512 ／ 192 ／ 32 px PNG |
ブランドロゴについて
「おもてハブ」は、株式会社おもてなしドットコムが提供する、Googleビジネスプロフィール（GBP）運用を支援するMEO対策サポートツールです。
名称の「ハブ」は、各店舗を繋ぐ中継点（集線装置）としての役割を表しています。地図ピンを中心に据えた円形のシンボルと、和の趣のある「おもて」の文字、力強い「ハブ」の文字を組み合わせ、親しみやすさと信頼感を両立させたロゴです。本書は、このロゴの一貫した運用を通じてブランド価値を守るための規定をまとめています。
ロゴの構成
ロゴは「シンボルマーク」と「ロゴタイプ」で構成されます。正式なロゴ（シグネチャー）は、原則としてこの2要素をセットで使用します。各要素を任意に組み替えることはできません。
地図ピンを中心に据えた円形のシンボル
「おもて」＝オリジナル字形／「ハブ」＝AB浪漫
正式なロゴはこの組み合わせ
ロゴ・バリエーション
掲載スペースに応じて、3つのレイアウトを使い分けます。いずれも縦横比・要素の位置関係は固定です。
A. 横長ロックアップ（基本形）
B. 縦積み（横幅が取れない場合）
C. シンボル単体（最小単位）
カラー・バリエーション
背景や印刷条件に応じて4つのカラーを使い分けます。原則は「フルカラー」。単色やモノクロが必要な場合は以下を用います。
横長ロックアップ
縦積み
シンボル単体
カラーパレット
ロゴおよびブランドで使用する色を定めます。再現は下記の数値を基準にしてください。※CMYKは参考値です。印刷物では実機校正で調整してください。
アイソレーション（保護領域）
ロゴの周囲には、視認性を保つため必ず一定の余白（アイソレーション）を確保します。他の要素（文字・画像・罫線等）をこの領域内に配置しないでください。
基準値「a」＝シンボル（円）の高さ。ロゴの上下左右に a/2 以上の余白を確保します。これは最小値であり、可能な限り広く取ることが望まれます。
最小使用サイズ
小さく表示すると可読性・再現性が損なわれます。下記のサイズを下回る使用は避けてください。
Web 120px / 印刷 幅25mm 以上
Web 24px / 印刷 6mm 以上
背景色の指定
ロゴと背景に十分なコントラストを確保します。明るい背景にはフルカラー版、暗い背景には白抜き版を使用します。
禁止事項（誤用例）
ブランドの一貫性を損なう以下の使用を禁止します。ロゴデータは必ず正規のものを使用し、加工しないでください。
タイポグラフィ
ロゴおよびブランドコミュニケーションで使用する書体を定めます。
| 用途 | 書体 | 備考 |
|---|---|---|
| ロゴタイプ「おもて」 | オリジナル字形 | 元データのアウトライン。再現はロゴデータを使用 |
| ロゴタイプ「ハブ」 | AB浪漫（FONT1000） | Adobe Fonts収録。ロゴはアウトライン化済 |
| 和文見出し | Shippori Mincho | Webサイト等の見出し |
| 和文本文 | Noto Sans JP | 本文・UI |
ファイル形式と用途
用途に応じて適切な形式を使用します。可能な限り、拡大しても劣化しないSVG（ベクター）を優先してください。
| 形式 | 主な用途 | 特徴 |
|---|---|---|
| SVG | Web全般・印刷入稿・拡大表示 | ベクター。無限に拡大しても劣化しない。第一選択 |
| PNG（透過） | SVG非対応のSNS・旧システム | 背景透過のビットマップ。用途のサイズで書き出す |
| PNG（横長・白背景） | 各種Web・提携先への掲載 | 白背景・フルカラー。指定寸法で書き出し可 |
提供データ一式：横長／縦積み／シンボル単体 × フルカラー／真藍単色／墨単色／白抜き（計12点）＋ 横長バナー用PNG（白背景）。
Web使用ガイド
Webサイト・ブログ等にロゴを掲載する際は、以下に従ってください。
リンク先（掲載時は必須）
ロゴを掲載する際は、ロゴにおもてハブ公式ページへのリンクを必ず設定してください（特別なご事情がある場合はお問い合わせください）。
リンク先： https://meo.omotenashi.com/meotools/
代替テキスト（alt）
画像には alt="おもてハブ" を設定してください（アクセシビリティ・検索最適化のため）。
推奨ファイル形式
Webでは原則 SVG（ベクター）を、SVG非対応の環境では透過 PNG を使用してください。最小サイズ・保護領域は本書 07・06 を参照してください。
実装例（HTML）
<a href="https://meo.omotenashi.com/meotools/"> <img src="omotehub_logo_lockup_color.svg" alt="おもてハブ" width="200"> </a>
ロゴ利用条件
本ロゴをご利用いただく際は、本ガイドラインおよび以下の条件をお守りください。
- 本ロゴおよび「おもてハブ」は、株式会社おもてなしドットコムのブランド資産です。
- おもてハブを紹介・言及・連携する目的であれば、提携先・メディアを問わず、どなたでもご利用いただけます。
- ロゴは本ガイドライン（カラー・最小サイズ・保護領域・禁止事項・Web使用ガイド）に従ってご使用ください。
- ロゴの改変（変形・色変更・効果の追加・要素の分解など）はご遠慮ください。提供データをそのままご使用ください。
- Webサイトに掲載する際は、ロゴに当社公式ページへのリンクを設定してください（本書「Web使用ガイド」参照）。
- ご利用にあたっての事前のご連絡は必須ではありませんが、可能であれば下記までご一報いただけますと幸いです。
お問い合わせ・ご一報
本ロゴ・本ガイドラインに関するお問い合わせ、および利用のご一報は下記までお願いいたします。
株式会社おもてなしドットコム Email: support@omotenashi.com