📚 ナレッジベース

02-09_ブランディング

最終更新 2026年08月25日 ／ 21_ナレッジベース/マニュアル_ナレッジ/制作部署/02-09_ブランディング.md

出典: 制作部署マニュアル ブランディング（自動ミラー・正本は /Users/oogushiyuuki/manual-terasu）

ブランディングとは

ブランド = 「他社じゃなくここに頼みたい」と思わせる総合体験。
ロゴ・色・フォント・トーンマナーが全部統一されてる状態。

良いブランディング = 「あ、これあそこの会社のだ」とすぐ気づく状態

ブランディングの構成要素

要素 内容
ロゴ 視覚的アイデンティティの核
カラーパレット ブランドカラー一式
タイポグラフィ 使うフォント一式
トーン&マナー 文体・話し方・世界観
写真・イラストの選び方 ビジュアル世界観
アイコンスタイル UI上の細部
コピーライティング 言葉選びのトーン

→ これら全てが一貫してることがブランディングの本質。

ロゴの作り方

ロゴの3タイプ

タイプ 例 特徴
ワードマーク（文字のみ） Google, Coca-Cola シンプル・覚えやすい
シンボルマーク（図形） Apple, Nike 強い識別性
コンビネーション Adidas（三本線+文字） 万能・最も多い

TERASUの場合

  • コンビネーション（円形マーク + TERASU文字）
  • マークだけでも識別可、フルバージョンで意味補強

ロゴ作成のルール

  1. シンプル（複雑な絵じゃない・小さくても認識できる）
  2. 白黒でも成立（カラーじゃないと判別不能はNG）
  3. 拡大縮小に強い（SVGで作る・最低16pxで認識可）
  4. 業種・ターゲットに合う
  5. 競合と被らない（差別化）

ロゴのバリエーション

1つのロゴで複数バージョンを用意：
- フルカラー版
- モノクロ（黒）版
- モノクロ（白）版（ダーク背景用）
- 横並び版
- 縦並び版
- アイコン単体版（faviconや小サイズ用）

ロゴ作成ツール

ツール 料金 特徴
Figma 無料 プロ向け・SVG出力可
Looka 約¥3,000 AI生成・初心者向け
Canva 無料〜 テンプレ豊富
Adobe Illustrator 月¥2,728 プロ標準・最強

カラーパレット（ブランドカラー）

構成

  • プライマリ：1色（メインブランドカラー）
  • セカンダリ：1-2色（補助・アクセント）
  • ニュートラル：白・黒・グレー数段階

例：TERASUのカラーパレット

■ プライマリ
  黄色（モダンアンバー）: #FACC15

■ セカンダリ
  暗黄: #CA8A04
  明黄: #FDE047

■ ニュートラル
  Black: #000000
  Dark Gray: #161616
  Medium Gray: #737373
  Light Gray: #D4D4D4
  White: #FFFFFF

カラーパレット作成のルール

  • メインカラーは業種・ターゲットに合わせる（チャプター2 配色設計参照）
  • HEX / RGB / CMYK の3形式で記録
  • 印刷時の色味も確認（Webと印刷で違う）
  • 色覚多様性で識別可能か検証

タイポグラフィ統一

使うフォントを2-3種類に絞る

用途 フォント例
見出し Noto Sans JP Bold/Black
本文 Noto Sans JP Regular
アクセント（数字・英字） Inter Bold

→ チャプター3 タイポグラフィで詳述。

トーン&マナー

トーン（口調・性格）

トーン 業種例 文体例
フォーマル 銀行・士業・医療 「お客様のご要望に誠心誠意お応えいたします」
フレンドリー カフェ・サロン 「お気軽にご相談ください！」
プロフェッショナル コンサル・SaaS 「ビジネス課題を解決するソリューションを提供」
遊び心 スタートアップ・若年向け 「やっちゃおうぜ、新しいビジネス。」
詩的 アート・ライフスタイル 「日常に、もうひとつの物語を。」

→ ブランドの核となる人格を決めて、全ての文面に反映する。

マナー（守るべきルール）

例：TERASUの場合
- 顧客を「お客様」と呼ぶ（「ユーザー」じゃない）
- 「絶対」「必ず」を避けて誇大表現NG
- 業界用語は説明付きで使う
- 数字には根拠を併記
- 丁寧語で統一（タメ語NG）

世界観の統一

写真の選び方

ブランドの「気分」に合わせる：

ブランドの気分 写真の方向性
信頼感 落ち着いた構図・ビジネスシーン
親しみやすさ 笑顔・自然光・カジュアル
高級感 モノトーン・大きな余白・洗練
楽しさ カラフル・動きある・ダイナミック
自然 風景・植物・木目素材

→ 全ページで写真テイストが揃ってるとブランド力UP。

イラストの選び方

スタイル 例
フラット Stripe, Notion
3D・等角 Apple, Linear
手描き風 Slack, Trello
線画 Mailchimp
ピクトグラム アイコン的

→ 1サイトでスタイル混在NG。1つに統一。

アイコンスタイル統一

スタイル

スタイル 例
線画（Outline） Lucide, Feather Icons
塗り（Solid/Filled） Heroicons solid
二色（Duotone） Phosphor Icons
手描き Doodle Icons

→ 1サイトで1スタイル統一。混在は素人っぽい。

推奨アイコンセット

  • Lucide Icons：モダン・シンプル線画。TERASUと相性◎
  • Heroicons：Tailwind公式・SaaS定番

ブランドガイドライン（社内ルール）

作成すべきドキュメント

  1. ロゴ使用ルール
    - 最小サイズ
    - 余白（クリアスペース）
    - 禁止事項（変形・色変更等）

  2. カラーパレット
    - HEX / RGB / CMYK
    - 使用用途

  3. タイポグラフィ
    - フォント名・ウェイト
    - サイズ階層

  4. 写真・イラストの選び方
    - 推奨スタイル
    - NG例

  5. 文体・トーン
    - 一人称・口調
    - NGワード

  6. 使用例・テンプレート
    - 名刺・封筒・SNSアイコン等

→ ガイドラインがあると、複数人で制作してもブレない。

競合と差別化する方法

ステップ1：競合3-5社のブランディング分析

  • ロゴ・色・フォント・トーン
  • どんな世界観を打ち出してるか
  • 強み・弱み

ステップ2：自社のポジショニング決定

「競合がやってないこと」を狙う：

例：
- 競合が青系なら → 黄色や赤で差別化
- 競合がフォーマルなら → カジュアルで差別化
- 競合が機能訴求なら → ストーリー訴求で差別化

ステップ3：自社の核となる価値（コアバリュー）を決める

  • TERASU：「いいHPは、事業を照らす。」
  • Apple：「Think Different」
  • Nike：「Just Do It」

→ 1フレーズで「自分たちが何者か」を語れるように。

ブランド体験の一貫性

ブランディングは全タッチポイントで一貫してこそ機能する。

タッチポイント例

場所 チェック項目
Webサイト ロゴ・色・フォント・文体統一
SNS（X/Insta/LinkedIn） プロフィール画像・カバー・投稿トーン
メール（営業・サポート） 署名・テンプレート文体
名刺・封筒 印刷物のデザイン
契約書 法的文書のフォーマット
顧客サポート対応 電話・チャットの口調
請求書 デザイン・文面
イベント・展示会 装飾・配布物

→ どれか1つでもブレるとブランドが弱まる。

業種別ブランディング指針

コーポレート系

  • 信頼感・歴史
  • 落ち着いた色（紺・グレー・茶）
  • フォーマルな文体
  • 写真：ビジネスシーン・社員紹介

スタートアップ系

  • 革新・スピード
  • 鮮やかな色（青・紫・グラデ）
  • カジュアルな文体
  • 写真：チーム集合・オフィス

クリニック・医療

  • 清潔感・信頼
  • 白・水色・緑
  • 丁寧で安心感ある文体
  • 写真：スタッフ・施設

飲食・カフェ

  • 食欲・温かみ
  • 暖色（赤・橙・茶）
  • 親しみやすい文体
  • 写真：料理・店内・スタッフ

教育・スクール

  • 成長・希望
  • 明るい色（青・黄・緑）
  • 励ましの文体
  • 写真：生徒・授業風景

ブランディングNG

NG 結果
流行のデザインを真似るだけ 競合と区別つかない
ページごとに色・フォントが違う ブランド統一感ゼロ
ロゴが小さすぎる/大きすぎる/位置がバラバラ プロ感ゼロ
文体が「ですます」「だ・である」混在 信頼性低下
写真テイストがページごと違う 統一感なし
競合のロゴ・コピーを真似る 訴訟リスク
ブランドガイドラインがない 全員バラバラに作る

チェックリスト：ブランディング統一性

  • [ ] ロゴが全ページで同じ位置・サイズ・色
  • [ ] カラーパレットが3-5色以内に統一
  • [ ] フォントが2-3種類以内
  • [ ] 全文体（口調）が統一
  • [ ] 写真テイストが統一
  • [ ] アイコンスタイル統一
  • [ ] CTAボタンのデザイン統一
  • [ ] SNS・メール・契約書も同じトーン
  • [ ] ブランドガイドラインが文書化
  • [ ] コアバリュー（核フレーズ）が1つに決まってる

参考：ブランディングが秀逸な日本企業

企業 学べる点
無印良品 ミニマル・余白・色の節約
ジンズ（JINS） クリーン・シンプル
スマートHR カラフル+フレンドリーなSaaS
メルカリ 親しみやすさと信頼感
BASE スタートアップ向けデザイン