デザイン知識

トンマナとは?決めるべき項目と精度が上がるポイントを解説!

「トンマナってよく聞くけど、具体的に何をすればいいの?」「デザインと文章の一貫性をどうやって保てばいいか分からない」「チームで作業していると、どうしてもバラつきが出てしまう」――そんな悩みを抱えている方は多いのではないでしょうか。

トンマナは、企業のブランドイメージを守り、ユーザーに一貫したメッセージを伝えるための最も重要なデザイン・ライティングの基準です。トンマナが曖昧なままだと、作るたびに方向性がブレてしまい、ブランドの信頼性が損なわれる大きな原因になります。

この記事では、累計500本以上のLP制作・300以上のサイト構築実績を持つ当社ピークスマーケティングが、トンマナの基礎から決め方・業界別の事例・実務で使えるテンプレートまで、2026年最新の実践ノウハウを徹底解説します。これからトンマナを作りたいデザイナー・ライター・マーケター・経営者の方は、ぜひ最後までご覧ください。

本記事の編集、運営はピークスマーケティング株式会社が行っています。詳細は、コンテンツ制作ポリシー、プライバシーポリシーを参照ください。

目次

トンマナとは?基本の意味と役割

トンマナの全体像(トーン×マナー=ブランド一貫性を示す概念図)

トンマナとは、「トーン&マナー(Tone & Manner)」の略語で、デザインやライティングにおいて一貫したスタイル・雰囲気・表現方法を維持するためのルールのことです。

「トーン」は「調子・雰囲気」、「マナー」は「様式・作法」という意味で、両方を組み合わせることで「ブランドが持つべき統一されたスタイル」を表現します。

トンマナで定めるもの

  • デザインのスタイル:配色・フォント・レイアウト・余白の使い方
  • ビジュアルの方向性:写真・イラスト・アイコンの選び方
  • 文章のスタイル:文末表現・語彙・言い回し・記号の使い方
  • コミュニケーションのトーン:フォーマル/カジュアル、丁寧/親しみやすいなど
  • ブランドボイス:ブランドとしての「人格」と「語り口」

もともとは広告・出版業界で生まれた言葉ですが、現在はWebデザイン・LP制作・SNS運用・動画制作・コンテンツマーケティングなど、あらゆる企業コミュニケーションの分野で使われる必須の概念となっています。

トンマナの身近な例

トンマナを理解するには、身近なブランドの例を見るのが早いです。以下のブランドは、徹底したトンマナ管理によって強固なブランドイメージを確立しています。

トンマナが優れているブランドの例


・コカ・コーラ:赤と白を基調にした世界共通デザイン、Spencerian Scriptのロゴ
・Apple:ミニマルなデザイン、余白を活かしたレイアウト、シンプルで力強いコピー
・スターバックス:深緑を中心に、温かみのあるビジュアルとカジュアルな語り口
・無印良品:生成り色とベージュ、漢字・ひらがな中心の柔らかい文章
・ユニクロ:赤と白のインパクト、シンプルかつ機能的な訴求

これらのブランドに共通するのは、「このブランドだ」と一目で認識できる一貫性です。どのページ、どの広告、どの店舗を見ても同じ世界観が守られているため、ユーザーは無意識のうちにブランドを認識し、信頼感を持つようになります。

トンマナと似た言葉との違い

トンマナと混同されやすい言葉に「ブランドガイドライン」「スタイルガイド」「デザインシステム」があります。それぞれの違いを整理すると以下の通りです。

用語 範囲 主な目的
トンマナ スタイル全般(デザイン+文章) 一貫した雰囲気の維持
ブランドガイドライン ブランドの全要素 ブランド資産の保護・管理
スタイルガイド 文章の書き方ルール ライティング品質の統一
デザインシステム UI要素・コンポーネント デジタル製品開発の効率化

厳密には違いがありますが、実務では「トンマナ」が最も広く使われる言葉で、デザインから文章まで含めた全体的なスタイル指針を指すことが多いです。

なお、ブランディングの文脈では「ルック&フィール」と呼ばれることもあります(参考:パドルデザインカンパニー「ブランドデザインのトーン&マナー」)。

小森 健

監修者

小森 健

当社では、LP制作・HP制作のプロジェクト開始時に必ず「トンマナ設計」のフェーズを設けています。ここで方向性を固めておくことで、その後のデザイン・ライティング工程が圧倒的にスムーズになり、修正回数も大幅に減ります。逆に言えば、トンマナ設計を省いたプロジェクトは、必ず途中で方向性の迷いが発生します。

トンマナを設定する5つのメリット

トンマナの設定には時間と労力がかかりますが、その投資に見合うだけの大きなメリットがあります。ここでは、当社が実際にトンマナ設計で成果を出してきた経験をもとに、5つの主要メリットを解説します。

メリット1:ブランドの認知度と信頼性が高まる

トンマナが徹底されていると、ユーザーはあらゆる接点で「同じブランド」だと瞬時に認識できるようになります。これが繰り返されることで、ブランドは記憶に定着し、認知度と信頼性が飛躍的に高まります。

例えば、コカ・コーラのロゴを世界中の人が認識できるのは、世界中のあらゆる媒体(広告、パッケージ、店頭POP、Web、SNS、イベント)で全く同じトンマナで展開されているからです。1つでも異なるスタイルが混在していたら、ここまで強固なブランドイメージは築けなかったでしょう。

メリット2:ユーザーの情報処理コストが下がる

統一感のあるデザイン・文章は、ユーザーの情報処理コストを大幅に下げる効果があります。一貫性があると、ユーザーは「次に何が来るか」を予測しやすくなり、ストレスなく情報を読み進められます。

トンマナが統一されたサイトの効果

・ページ間の遷移がスムーズになり離脱率が下がる
・情報の優先順位が視覚的に分かりやすい
・読み手の集中力が保たれる
・ブランドメッセージが自然に頭に入る
・ユーザー満足度が向上する

メリット3:制作チーム内の方向性が揃う

トンマナがあれば、複数のデザイナー・ライター・マーケターが同時並行で作業しても、方向性がブレません。これは大規模プロジェクトや長期運用のコンテンツ制作で特に重要です。

逆に、トンマナが明文化されていないと、メンバーそれぞれが「自分の感覚」で判断してしまい、成果物が統一感を失います。その結果、「やり直し」「修正」「手戻り」が頻発し、プロジェクト全体の効率が大幅に下がってしまいます。

小森 健

監修者

小森 健

当社でも、トンマナを事前にしっかり定義したプロジェクトとそうでないプロジェクトでは、制作時間が1.5〜2倍違うことがあります。特に複数人のチームで進める場合、トンマナの有無は生産性に直結します。

メリット4:制作工数とコストが削減できる

トンマナは「毎回ゼロから考える手間」をなくしてくれるため、制作工数とコストを大幅に削減できます。事前にルールが決まっていれば、デザイナーやライターは「どう作るか」ではなく「何を伝えるか」に集中できるのです。

トンマナ導入による工数削減の例

・デザイン案の再提案回数:3〜5回 → 1〜2回
・ライティングの修正回数:4〜6回 → 1〜2回
・プロジェクト全体の制作時間:30〜50%削減
・発注者と制作者の意思疎通の時間:大幅短縮

メリット5:クオリティが安定する

トンマナがあると、担当者が変わってもクオリティが安定します。これは長期運用するメディアやブランドにとって非常に重要な要素です。

例えば、企業ブログで毎月10本の記事を公開する場合、トンマナがなければ記事ごとに文体や雰囲気が変わってしまいます。しかしトンマナが明確に定められていれば、どのライターが書いてもほぼ同じ品質の記事が生まれ、読者は違和感なく読み進められます。

トンマナがないと起こる5つの問題

逆に、トンマナが設定されていないとどんな問題が起こるのでしょうか。当社がこれまで見てきた実際の失敗例をもとに、5つの代表的な問題を紹介します。

問題1:ブランドの世界観が壊れる

トンマナがないと、ページや媒体ごとにバラバラのスタイルになり、ブランドの世界観が崩壊します。ユーザーは「同じ会社なのに統一感がない」と違和感を覚え、ブランドへの信頼を失います。

実際によくある失敗例

・トップページは青基調なのに、LPはピンク基調
・企業サイトは「です・ます調」、ブログは「だ・である調」
・SNSはカジュアル、メルマガはフォーマル
・写真のテイストが媒体ごとにバラバラ
・ロゴの使い方(サイズ・配置・色)がページごとに違う

問題2:制作チームが混乱する

基準が明確でないため、メンバーそれぞれが自分の判断で動き、方向性がバラバラになるのがよくある問題です。「これでいい?」「こっちの方がいい?」と判断に迷い続ける時間が積み重なり、プロジェクトが停滞します。

問題3:修正と手戻りが増える

方向性が定まらないまま進めた制作物は、後から大幅な修正が必要になるケースが多いです。デザインは完成後に「違うイメージだった」と言われ、ライティングは公開前に「トーンが違う」と指摘される――こうした手戻りは、コストと時間を大量に浪費します。

問題4:新メンバーの立ち上がりが遅れる

トンマナが明文化されていないと、新しく参加するメンバーが既存の雰囲気を掴むのに時間がかかります。先輩の成果物を見て「なんとなくこんな感じ」と推測するしかなく、スキルに関係なく慣れるまで数ヶ月かかることもあります。

問題5:意思決定のスピードが落ちる

判断基準がないと、細かい決定のたびに上長の承認が必要になり、意思決定のスピードが大幅に落ちます。本来はデザイナーやライターの現場判断で進められるはずのことが、すべて稟議案件になってしまうのです。

トンマナの決め方|6つのステップで完全ガイド

トンマナの決め方6ステップ(フロー図)

ここからは、トンマナを実際に作る際の具体的なステップを解説します。当社がLP制作・HP制作で実践している手順を、6ステップに整理してお伝えします。

トンマナ作成の6ステップ

  • STEP1:目的とブランドの方向性を明確にする
  • STEP2:ターゲットとペルソナを設定する
  • STEP3:ブランドパーソナリティを言語化する
  • STEP4:デザインのトンマナを決める
  • STEP5:文章のトンマナを決める
  • STEP6:トンマナブック(ガイドライン)にまとめる

STEP1:目的とブランドの方向性を明確にする

最初に決めるべきは、「何のためにトンマナを作るのか」という目的です。目的が曖昧なまま進めると、判断基準がブレてしまい意味のないトンマナになってしまいます。

目的を明確にするための質問

・このブランドはどんな存在を目指すか?
・ユーザーにどんな印象を持ってもらいたいか?
・競合と何が違うのか?(差別化要素)
・ブランドの「ミッション」「バリュー」は何か?
・5年後、10年後にどうなっていたいか?

この段階では、経営層・マーケティング責任者・デザイナー・ライターなど、プロジェクトの主要メンバー全員で議論することが重要です。一人の独断で決めると、後から反発が出やすくなります。

STEP2:ターゲットとペルソナを設定する

次に、「誰に向けてトンマナを作るか」を明確にします。ターゲットがずれていると、どんなに優れたトンマナでも響きません。

ペルソナに含める項目

・基本属性:年齢、性別、職業、年収、家族構成
・ライフスタイル:住まい、趣味、価値観、情報収集の方法
・悩み・課題:日常で感じている不満、解決したいこと
・好み:好きな色、好きなブランド、好きな雰囲気
・コミュニケーションの好み:カジュアル/フォーマル、論理的/感情的

ペルソナを詳細に設定することで、「この人ならどんなデザインや文章を好むか」が自然に見えてきます。ペルソナ設計について詳しくは、デザインに効くペルソナ設計ガイドもあわせてご覧ください。

STEP3:ブランドパーソナリティを言語化する

ブランドを「一人の人間」として捉え、どんな性格・話し方・振る舞いをするかを言語化します。これを「ブランドパーソナリティ」と呼びます。

ブランドパーソナリティの表現例

・信頼できる専門家(弁護士、税理士、医療機関)
・親しみやすい友人(カフェ、美容室、雑貨店)
・憧れの先輩(ファッション、教育、スクール)
・頼れる相棒(BtoB SaaS、業務ツール)
・革新的なリーダー(テック企業、スタートアップ)

ブランドパーソナリティが言語化されると、「このブランドならこう言うはず」「この表現はブランドっぽくない」という判断が自然にできるようになります。

STEP4:デザインのトンマナを決める

ここからは具体的なデザインルールを決めていきます。デザインのトンマナでは、以下の要素を定義します。

デザインのトンマナで定めるべき項目

  • カラーパレット:ベースカラー、メインカラー、アクセントカラー(16進数コード含む)
  • フォント:見出し用・本文用・強調用のフォント選定
  • レイアウト:グリッド、余白、要素の配置ルール
  • 写真・イラスト:使用する画像の雰囲気、撮影方法、色味
  • アイコン:形状、色、サイズの統一
  • ボタン・UIパーツ:角丸、色、シャドウのルール
  • アニメーション:動きの速度、種類、強弱

特にカラーパレットは最も重要な要素です。配色の基本原則は「ベースカラー70%・メインカラー25%・アクセントカラー5%」。この比率を守ることで、目に優しく統一感のあるデザインになります。

カラーパレット設計のコツ

・使う色は3色までに絞る(多すぎると散漫になる)
・HEXコード・RGB値を必ず明記する
・ダークモード対応時の代替色も考える
・アクセシビリティを考慮した色の組み合わせを選ぶ
・印刷物とデジタルで使用色が異なる場合は両方定義する

カラーパレットについて詳しくは、ベースカラーとは?Webデザインで配色が重要な理由もあわせてご覧ください。

配色の具体的な決め方は、こちらの記事で詳しく解説しています。

STEP5:文章のトンマナを決める

次に、文章スタイルのルールを定めます。デザインと同じくらい重要なのが、「どんな言葉遣い・文体で書くか」です。

文章のトンマナで定めるべき項目

  • 文末表現:「です・ます調」か「だ・である調」か
  • 一人称:「私たち」「当社」「弊社」のどれを使うか
  • 二人称:「あなた」「お客様」「みなさん」のどれを使うか
  • 敬語のレベル:丁寧語、尊敬語、謙譲語の使い分け
  • 専門用語:使用可否、使う場合の説明方法
  • カタカナ語:使用頻度、カタカナ/漢字/ひらがなの選択基準
  • 記号の使い方:「」『』()などの使用ルール
  • 禁止ワード:使ってはいけない表現のリスト
  • 推奨ワード:積極的に使いたい表現のリスト

文章トンマナの具体例(当社の場合)

・文末:「です・ます調」で統一
・一人称:「当社」または「ピークスマーケティング」
・二人称:「お客様」
・カタカナ英語:積極的に使うが必ず日本語訳を併記(例:LPO(ランディングページ最適化))
・記号:全角の「」と()を基本
・禁止ワード:「弊社」「確実に〜できます」「最安値」などの断定や過剰表現

STEP6:トンマナブック(ガイドライン)にまとめる

最後に、ここまで決めた内容を「トンマナブック」と呼ばれるドキュメントにまとめます。これがないと、せっかく決めたトンマナがチームに共有されず、形骸化してしまいます。

トンマナブックに含めるべき内容

  • ブランドの目的・ミッション・ビジョン
  • ターゲット・ペルソナ
  • ブランドパーソナリティ
  • カラーパレット(HEX/RGB/CMYK)
  • フォント指定(見出し・本文・強調)
  • ロゴの使用ルール(サイズ、配置、余白、禁止例)
  • 写真・イラストのスタイル
  • 文章のトーン(良い例・悪い例)
  • 禁止ワードリスト
  • サンプル(実際のデザイン・文章例)

トンマナブックは、新しく参加するメンバーが見るだけですぐに方向性を理解できるように、具体例を豊富に含めることが大切です。抽象的な指示だけでは、人によって解釈がブレてしまいます。

桐生 沙耶

Webデザイナー

桐生 沙耶

当社では、トンマナブックに「良い例」と「悪い例」を必ずセットで記載します。「こうしましょう」だけでなく「こうしてはいけません」も示すことで、判断基準がより明確になります。

【業界別】トンマナの事例と参考パターン

業界別トンマナパターン(6業界の配色・フォント・文体の比較表)

トンマナは業界・サービスによって大きく異なります。ここでは、当社が実際に制作してきた経験をもとに、業界別の典型的なトンマナパターンを紹介します。自社のトンマナ設計の参考にしてください。

医療・クリニック系

医療業界は「信頼性」「清潔感」「安心感」を最優先するトンマナが基本です。過度な装飾や主観的な表現は避け、客観的で誠実なトーンを維持します。

医療系のトンマナ

カラー:ホワイト+ライトブルー+ペールグリーン
フォント:游ゴシック、ヒラギノ角ゴなど清潔感のあるゴシック体
写真:明るく清潔な院内、笑顔のスタッフ、自然光
文章:です・ます調、専門用語には必ず説明を併記
トーン:丁寧、落ち着いた、客観的

医療業界では医療広告ガイドラインへの対応も必須です。「絶対に治る」「完治率100%」といった断定表現は使えません。クリニックHP制作の詳細は、クリニック・病院ホームページ制作会社おすすめ11選もご覧ください。

美容・コスメ系

美容業界は「華やかさ」「憧れ」「上質感」を重視するトンマナが一般的です。ターゲット層(20代女性向けか、40代以上向けか)によってトーンは大きく変わります。

美容系のトンマナ(30代女性向け)

カラー:くすみピンク+ベージュ+ゴールド
フォント:明朝体(繊細さ)、セリフ体(上品さ)
写真:柔らかい光、透明感のある肌、抜け感
文章:です・ます調、感覚的な表現もOK
トーン:親しみやすさ+上質感、共感を誘う言い回し

BtoB・SaaS系

BtoB業界は「論理性」「専門性」「効率性」を重視します。感情に訴えるよりも、具体的な数字やロジックで説得するトンマナが効果的です。

BtoB・SaaS系のトンマナ

カラー:ネイビー+ホワイト+アクセントにブルーやグリーン
フォント:Noto Sans、游ゴシック(読みやすさ重視)
写真:オフィスシーン、図解、スクリーンショット
文章:です・ます調、数字や事例を具体的に
トーン:論理的、簡潔、プロフェッショナル

飲食・サービス系

飲食業界は「おいしそう」「温かみ」「親しみやすさ」が重要です。視覚的な魅力が集客に直結するため、写真のクオリティとコピーの食欲訴求が鍵になります。

飲食系のトンマナ

カラー:ウォームトーン(赤・オレンジ・ブラウン)
フォント:手書き風、丸ゴシック、柔らかいセリフ体
写真:料理のシズル感、湯気、質感の表現
文章:です・ます調+カジュアルな言い回し
トーン:温かみ、親しみ、食欲をそそる

士業(弁護士・税理士など)

士業は「信頼性」「専門性」「相談しやすさ」のバランスが重要です。権威的になりすぎると相談のハードルが上がり、カジュアルすぎると専門性が疑われます。

士業系のトンマナ

カラー:ネイビー+ゴールド+ホワイト(伝統的な信頼感)
フォント:明朝体+ゴシック体の組み合わせ
写真:オフィス、専門家の顔写真、誠実な印象
文章:です・ます調、専門用語は丁寧に解説
トーン:誠実、落ち着いた、相談を歓迎する温かさ

EC・通販系

EC業界は「商品の魅力」「購入意欲の喚起」「安心感」を重視します。CVR(コンバージョン率)に直結するため、トンマナは売上に大きく影響します。

EC系のトンマナ

カラー:商品の魅力を引き立てるベーシックカラー+アクセント
フォント:読みやすく情報量が多いゴシック体
写真:商品を主役に、使用シーンも充実
文章:です・ます調+キャッチーな見出し
トーン:親しみやすい、購入を後押しする言い回し

業界別トンマナ早見表

業界 キーワード カラー傾向 文体
医療・クリニック 信頼・清潔・安心 白+青・緑 丁寧・客観的
美容・コスメ 華やか・憧れ・上質 パステル・ゴールド 感性的・共感
BtoB・SaaS 論理・専門・効率 ネイビー・グレー 論理的・簡潔
飲食・サービス 温かみ・親しみ ウォームトーン カジュアル・親しみ
士業 信頼・専門・誠実 ネイビー・ゴールド 誠実・丁寧
EC・通販 商品魅力・CV喚起 商品を引き立てる キャッチー・親しみ
桐生 沙耶

Webデザイナー

桐生 沙耶

業界別のトンマナはあくまで「基本パターン」です。実際は同じ業界内でも、ブランドの個性や差別化戦略によってトンマナは変わります。「業界の典型」をベースに、自社ならではの独自性を加えることが、記憶に残るブランドを作るコツです。

トンマナで決めるべき項目一覧|デザイン・文章・ブランドのチェックリスト

ここでは、実際にトンマナを作る際に使えるチェックリストを紹介します。各項目をコピーして自社のトンマナブック作成に活用してください。

デザインのチェックリスト

デザイン項目チェックリスト

☐ ベースカラー(HEX/RGB)
☐ メインカラー(HEX/RGB)
☐ アクセントカラー(HEX/RGB)
☐ テキストカラー(本文・見出し・リンク)
☐ 背景色のバリエーション
☐ 見出し用フォントと各レベル(H1〜H6)のサイズ
☐ 本文用フォントとサイズ
☐ 行間・文字間隔の指定
☐ 余白(マージン・パディング)の基本ルール
☐ ボタンのデザイン(色・角丸・シャドウ・ホバー)
☐ 画像の縦横比・トリミングルール
☐ アイコンのスタイル(線の太さ・角丸・色)
☐ アニメーションの動きの種類
☐ レスポンシブ対応(PC/タブレット/スマホ)

文章のチェックリスト

文章項目チェックリスト

☐ 文末表現(です・ます調 or だ・である調)
☐ 一人称(当社/弊社/私たち など)
☐ 二人称(お客様/あなた/みなさん など)
☐ 敬語のレベル
☐ 一文の最大文字数(推奨60文字以内)
☐ 一段落の最大行数(推奨3〜5行)
☐ カタカナ英語の使用可否
☐ 専門用語の使い方
☐ 禁止ワードのリスト
☐ 推奨ワードのリスト
☐ 記号の使い方(「」『』()など)
☐ 数字の表記(半角/全角、漢数字/アラビア数字)
☐ 日付・時刻の表記
☐ 強調の使い方(太字・色変更・下線)

ブランドのチェックリスト

ブランド項目チェックリスト

☐ ブランドのミッション
☐ ブランドのビジョン
☐ ブランドのバリュー
☐ ブランドパーソナリティ(どんな人格か)
☐ ブランドボイス(話し方の特徴)
☐ 目的・目標
☐ ターゲット・ペルソナ
☐ 差別化要素
☐ ロゴの使用ルール
☐ タグラインやスローガン

トンマナの精度が上がる5つのポイント|よくある失敗と対策

トンマナ設計でつまずきがちな失敗パターンを5つ紹介します。これらを事前に知っておくことで、同じ失敗を避けられます。

失敗1:抽象的すぎて実務に使えない

「高級感を演出する」「親しみやすく」など抽象的な表現だけのトンマナは、実務で使えません。具体的なカラーコード、フォント名、サイズ、サンプル画像など、見ればすぐに使える具体性が必要です。

抽象的なトンマナの悪い例

× 「信頼感のあるデザイン」
× 「親しみやすい文章」
× 「カジュアルだけど上品に」

これらは人によって解釈が違うため、結局バラバラになります。

失敗2:ルールが多すぎて守れない

逆に、細かすぎるルールもNGです。100ページのトンマナブックを作っても、誰も読まず形骸化します。重要な項目を厳選し、10〜20ページ以内に収めるのが現実的です。

失敗3:チームに共有されていない

せっかく作ったトンマナが一部のメンバーにしか共有されていないケースも多いです。全員が参照できる場所(Google Drive、Notion、Confluenceなど)に保管し、オンボーディング時にも必ず周知することが重要です。

失敗4:一度作って放置している

トンマナは定期的な見直しが必要です。ブランドの成長、ターゲットの変化、トレンドの移り変わりに合わせて、少なくとも年1回はレビューすることをおすすめします。

失敗5:トップが理解していない

経営層がトンマナの重要性を理解していないと、鶴の一声でルールが崩れることがあります。トンマナはブランド資産であり、それを守ることが長期的な競争力につながることを、経営層も含めて全員で共有する必要があります。

トンマナ以外にもホームページで避けるべきポイントは多くあります。あわせてご確認ください。

トンマナに関するよくある質問(FAQ)

Q1:トンマナとブランドガイドラインの違いは?

厳密に言うと、トンマナは「スタイル全般(デザイン+文章)の統一ルール」、ブランドガイドラインは「ブランド資産全体を守るためのルール」です。ただし実務では両者の区別は曖昧で、ほぼ同じ意味で使われることも多いです。小さな会社ならトンマナだけでも十分、大企業ならブランドガイドラインとして総合的にまとめることが多いです。

Q2:トンマナは誰が作るべきですか?

理想的には、経営層・マーケティング責任者・デザイナー・ライターが共同で作ります。経営層の意思決定、マーケの戦略、デザイナーの審美眼、ライターの言語センスすべてが必要だからです。外部のブランドコンサルタントやデザイン会社に依頼するのも一般的です。

Q3:トンマナの作成期間はどれくらい?

規模によりますが、小規模サイトで1〜2週間、中規模で1ヶ月、大企業のブランド構築なら3〜6ヶ月が目安です。最初の設計に時間をかけることで、その後の制作工数が大幅に削減されるため、投資対効果は非常に高いです。

Q4:トンマナ作成の費用は?

外部に依頼する場合、簡易版で10〜30万円、標準版で30〜100万円、本格的なブランド構築で100〜500万円以上が相場です。ロゴ作成やデザインシステム構築まで含めると、さらに高額になります。

Q5:AI(ChatGPT等)を使ってトンマナを作れますか?

部分的には可能です。キーワードの洗い出し、競合分析、コピーの候補出しなどはAIが得意な領域です。ただし、最終的な判断や独自性の加味は人間がやるべきです。AIに丸投げすると、ありきたりで差別化できないトンマナになります。

Q6:トンマナとデザインシステムの違いは?

トンマナは「雰囲気・スタイルの指針」、デザインシステムは「再利用可能なUIコンポーネント集」です。デザインシステムはトンマナより実装寄りで、ボタン・フォーム・カードなどのパーツを体系化します。大規模なデジタルプロダクトではデザインシステムも必要です。

Q7:小さい会社でもトンマナは必要?

はい、むしろ小さい会社こそトンマナが重要です。大企業は大勢の人間で品質をカバーできますが、小さな会社ではリソースが限られているため、トンマナで基準を統一しておかないと、作るものが毎回バラバラになってしまいます。A4用紙1枚の簡易版でも十分効果があります。

Q8:トンマナの見直しはいつやる?

以下のタイミングでの見直しをおすすめします。

トンマナ見直しの推奨タイミング

  • 年1回の定期レビュー
  • ブランドリニューアル時
  • 新商品・新サービスのローンチ時
  • ターゲット層の変更時
  • 競合環境の大きな変化時
  • トレンドが大きく変わった時(デザイン・ライティング)

まとめ|トンマナで強いブランドを作ろう

この記事では、トンマナの基本から決め方・業界別事例・チェックリスト・よくある失敗まで徹底的に解説しました。要点を整理すると以下の通りです。

トンマナの要点まとめ

  • トンマナは「デザイン+文章」の一貫性を保つ基準
  • 設定するメリットはブランディング・工数削減・品質安定
  • 6ステップで作れる(目的→ターゲット→人格→デザイン→文章→ブック化)
  • 業界によってトンマナのパターンは大きく異なる
  • 具体的なサンプルと「良い例・悪い例」を含めることが重要
  • 抽象的すぎず、細かすぎず、バランスが大切
  • 定期的に見直し、チーム全員で共有する

トンマナは一見地味な作業ですが、ブランドの一貫性と信頼性を作る最も重要な土台です。最初に時間をかけて設計することで、その後の制作工数を大幅に削減でき、長期的な競争力にもつながります。

「自社のトンマナをしっかり作りたい」「プロの視点でトンマナ設計をサポートしてほしい」「LPやHPのトンマナを統一したい」といったご要望がございましたら、ぜひ当社ピークスマーケティングにご相談ください。

当社は累計500本以上のLP制作・300以上のサイト構築実績を持ち、トンマナ設計を起点としたデザイン・ライティング・コーディングまで一気通貫で対応可能です。業界特有のトンマナ設計も得意としており、中小企業から大企業まで幅広くサポートしています。

小森 健

監修者

小森 健

トンマナは「作って終わり」ではなく「育てるもの」です。作った後も運用しながら改善を続けることで、ブランドはより強く、より独自性を持つ存在になっていきます。当社ではトンマナの設計だけでなく、運用支援もお手伝いしていますので、お気軽にご相談ください。

関連記事もぜひあわせてご覧ください。

小森健

本記事の監修者

ピークスマーケティング株式会社
代表取締役 小森 健

本記事の監修者

ピークスマーケティング株式会社 代表取締役
小森 健

累計500本以上のLP制作、300以上のWebサイト構築を手がけてきたWeb制作・デジタルマーケティングのプロフェッショナル。ベンチャーから大手広告代理店を経て独立し、現在は企業のホームページ制作・LP制作・比較サイト構築・ECサイト開発・動画制作・SEO/Ai対策・広告運用までワンストップで支援する。自社でも電力料金比較メディアやキャンプ情報メディアを運営し、SEO×広告のハイブリッド集客を実践。情報設計・UI/UX設計を起点に、フロントエンド実装から運用改善まで一気通貫で対応できる「設計も実装もわかる経営者」として、クライアントの事業成長を技術と戦略の両面から支援している。
本記事では、300以上のサイト構築と自社メディア運営で培った実務知見をもとに、内容の正確性・網羅性・実務での再現性の観点から監修を行っています。

制作についてプロに無料見積りする