04 / TYPOGRAPHY

広告用タイポグラフィ実例

バナーは「文字を読む」のではなく「形として認識する」もの。文字数とサイズの組合せが、視認性と訴求力を決めます。
本ページでは 短(8文字)/ 中(15文字)/ 長(25文字) のサンプルを実レンダリングし、最適サイズ・強調語処理・縦組み判断まで提示します。

基本原則 Hiragino Sans → Noto Sans JP fallback。W3 (300) は本文、W6 (600) は見出し。
1080px幅で「メインヘッドラインは80-130px」「サブコピーは40-50px」が標準。1文字あたり画面幅の5-12%。

短コピー(8文字以内)

「形として残る」短コピーは、サイズを最大化。CTRの高い実績があるコピー長。

本棚、ひらく。

用途買取・整理訴求
文字数7文字
Size1080→128px
WeightW6 / -0.5px

最短2日、入金。

用途買取・スピード訴求
文字数8文字
Size1080→112px
WeightW6 / 白文字

次の読者へ。

用途買取・社会性
文字数6文字
Size1080→120px
WeightW6 / 大ぶり

本と、出会う。

用途販売・ブランド
文字数7文字
Size1080→128px
WeightW3(柔らかく)

中コピー(13〜20文字)

情報量と読みやすさのバランス。2行レイアウトを前提に設計。

読み終わった本、
まとめて売れます。

用途買取・主訴求
文字数15文字 / 2行
Size1080→80px
WeightW6 / 行間1.3

本の循環を支える人、
募集中。

用途求人・ミッション
文字数13文字 / 2行
Size1080→76px
WeightW3(柔らかく)

査定2日、
入金まで最短5日。

用途買取・数字強調
文字数14文字
Size基本76 / 強調112px
Weight数字のみオレンジ + 1.4x

気になっていた本、
もう1度。

用途販売・再訪訴求
文字数13文字 / 2行
Size1080→80px
WeightW6 / 白文字

長コピー(25文字以内、3行まで)

情報量重視。サイズを抑え、可読性優先。最大3行。これ以上は LP に譲る。

段ボールに詰めるだけ。
査定から入金まで、
最短2日で完了します。

用途買取・詳細説明
文字数26文字 / 3行
Size1080→56px
WeightW3 / 行間1.5

高校生から60代まで、
約300人が働く本の街。
仲間を募集しています。

用途求人・多様性訴求
文字数28文字 / 3行
Size1080→48px
WeightW3 / ダーク背景
05 / EMPHASIS

強調語のスタイル

数字・価格・固有名詞は、サイズと色で他と差別化する。ただしハイライト乱用は VB ブランド原則違反。

最短2日で
入金完了

強調数字(サービス色 + 1.4x)
使い時スピード訴求
NG2語以上同時強調しない
備考1バナーに1強調

1冊から
¥500〜の買取

強調価格(赤 + W6)
使い時具体金額訴求
NG「最低」「業界一」は不可
備考条件は別途必記

無料集荷で
全国対応

強調キーワード(アクセント色背景)
使い時サービス特徴の主張
NG2つ以上のキーワード強調
備考イエロー多用は安売り感

"本を、次の読者へ。"

強調クオート記号(欧文セリフ)
使い時引用・ブランドステートメント
NG和文クオートに混在不可
備考署名要素を必ず
06 / VERTICAL

縦組み vs 横組み

日本語の特性として縦組みは選択肢。バナーでは少数派だが、特定文脈で強い武器になる。

縦組みを選ぶとき

  • 文学・古典的トーンを強調したい(書籍系の文化価値)
  • 9:16 のStory/Reels で「本のページ」のメタファーを使う
  • 短コピー(〜10文字)のブランド広告
  • 背景写真の左右どちらかにスペースがあるレイアウト

縦組みを避けるとき

  • 数字・英字・価格が含まれる(縦組み×半角数字は不格好)
  • CTA を含むバナー(CTAは横組み一択)
  • SNS Feed の 1:1(情報密度に対して読みづらい)
  • ターゲットがビジネス層 / 若年層中心

縦組み実例

本棚をひらく

用途ブランド広告
文字数6文字
注意数字併用NG
Ratio4:5 / 9:16

次の読者へ

用途買取・社会性
文字数5文字
注意クリーム背景でも◎
Ratio9:16

本のある仕事

用途求人・カルチャー
文字数6文字
注意「、」「。」位置注意
Ratio4:5
07 / SIZE TABLE

サイズ最適値早見表

用途文字数サイズ (1080)サイズ (LP)Weight行間
メインヘッドライン〜8112-130px48-60pxW61.1-1.2
メインヘッドライン9-1572-96px36-44pxW61.2-1.3
サブコピー10-2040-50px20-26pxW31.4-1.5
長文(説明)20-2528-36px16-20pxW31.5-1.7
強調数字1-3160-220px60-90pxW61.0
価格表記4-896-130px36-48pxW61.0
CTAボタン4-1036-48px16-18pxW61.0
注釈・脚注10-3018-24px10-12pxW31.3
ロゴ周囲タグライン3-822-28px11-12pxW31.0

※ LP は 480px基準(モバイル表示)。デスクトップは×1.5想定。
※ Hiragino Sans 基準。Noto Sans JP fallback時は字面が若干小さく見えるため、5%大きめに調整推奨。