Skip to content

メルマガヘッダーをClaude Designで量産する

NANAKAZOKUでは週1回メルマガを配信している。ヘッダー画像を毎週作るのは地味にしんどい作業で、「今週のテーマに合った画像を、ブランドカラーを守りながら30分以内に仕上げる」というのが課題だった。Claude Designを導入して3ヶ月、ようやく安定したワークフローができた。その過程でやらかした失敗も含めて書く。

最初の1ヶ月は毎回ブランドが崩れた

Section titled “最初の1ヶ月は毎回ブランドが崩れた”

最初のアプローチは「毎週新しいプロンプトを書く」だった。テーマに合わせて「今週はAI活用の話なのでテック感のある青いヘッダーを」などと書いていたら、毎回微妙に違うデザインが出てきた。

4週目には3種類の「ブランドブルー」が乱立していた。読者からも「なんか毎回雰囲気が違うね」と言われた。それはそうだ、毎回違うものを生成しているのだから。

原因はプロンプトにブランド情報を毎回書いていなかったこと。「先週と同じトーンで」という指示が効かないのは当たり前で、Claude Designはセッションをまたいで記憶しない。

Claude Design: Anthropic Labsが開発したAIビジュアルデザインツール。テキストプロンプトからUI・スライド・マーケ資料などを生成する。プロンプト: AIへの指示文。Claude Designでは自然言語でデザインを指示する。

解決策:ブランドスペックを冒頭に貼る

Section titled “解決策:ブランドスペックを冒頭に貼る”

今のワークフローは、必ずプロンプトの先頭にブランドスペックブロックを貼る。

【NANAKAZOKUメルマガ ブランドスペック】
- プライマリ: #0F3460(ダークネイビー)
- アクセント: #E94560(コーラルレッド)
- 背景: #F8F8F8(オフホワイト)
- フォント雰囲気: モダンサンセリフ、読みやすさ優先
- ロゴ位置: 左上固定
- サイズ: 600×200px(横長バナー)
- テキスト: 右寄せ、白抜き文字
今週のテーマ: 〇〇
タイトルテキスト: 「〇〇〇〇〇」
サブテキスト: Vol.〇〇 | 2026年〇月〇日号

このブロックをテンプレートとして保存しておき、毎週「今週のテーマ」と「タイトルテキスト」と「号数日付」だけ書き換える。所要時間は5〜10分になった。

ハマった罠:テキストの自動折り返し

Section titled “ハマった罠:テキストの自動折り返し”

ヘッダー画像にタイトルを入れると、文字数が多いときにClaudeが勝手に折り返す。「1行で収める」と書いても折れることがある。

効いた対処:

タイトルは必ず1行で収めてください。
文字が入りきらない場合は、フォントサイズを小さくして対応。
絶対に2行に折り返さないこと。

「絶対に〜しないこと」という強い否定形の指示が、Claudeの勝手判断を抑える。柔らかい表現だとスルーされる。

3ヶ月間、同じ号のヘッダーを2パターン生成してA/Bテストした結果が面白かった。

  • ネイビー背景+白テキスト → クリック率が安定して高い
  • 明るい背景+ダークテキスト → 読みやすいが「軽く見える」と言われた
  • イラスト入りヘッダー → 生成ブレが大きく毎回クオリティが違う

イラストや写真的な要素を入れると品質が安定しない。シンプルな幾何学的背景+テキストの組み合わせが最も安定して高クオリティが出る。

月1回の「まとめ号」はデザインを変える。そのときのプロンプトの書き方:

通常号(上記スペック)よりも少し特別感を出したい。
変えていい要素: 背景のテクスチャ、アクセントカラーの使い方
変えてはいけない要素: プライマリカラー、ロゴ位置、フォント雰囲気
「今月のまとめ」というラベルバッジを左下に追加。
バッジカラーはアクセントの#E94560を使用。

「変えていい/変えてはいけない」を明示することで、派手すぎず普段と差別化できるデザインが安定して出るようになった。

  1. ブランドスペックテンプレートをコピー(Notion に保存済み)
  2. 今週のテーマ・タイトル・号数を書き換えて貼り付け
  3. 3パターン生成して一番良いものを選ぶ
  4. PNGでエクスポートして配信ツールにアップ

3パターン生成するのは「1発でベストが出るとは限らない」から。3つ並べて見ると選びやすい。1つしか生成しないと「これでいいのかな」という迷いが生まれる。

毎週ヘッダーのクオリティを安定させるには、プロンプトではなくテンプレートの設計に時間をかけるべきだと気づいた。一度良いテンプレートができれば、あとは埋めるだけになる。

作成日:2026年6月19日

更新日:2026年6月19日