# Brew のメールエージェントに、ブランドに合わせたデザインを教えた方法

正規URL：https://brew.new/ja/blog/emails-designed-for-your-brand
執筆：Thomas Park
公開日：2026-11-10
更新日：2026-11-10

何度も耳にしたフィードバックは、だいたいこんな内容でした。色も合っているし、フォントも合っている。文章もうちらしい。でも、ローンチのメールとニュースレターが、同じメールに見える。

もっともな指摘でしたし、これは Brew だけの問題でもありません。業界全体で、いまや最初の下書きの大半はAIが書いていて、その多くには手直しが必要です。Knak がエンタープライズのマーケターを対象に行った[2026年の調査](https://knak.com/blog/ai-marketing-production-statistics/)では、88%が、AIの出力にはある程度または大幅な編集が必要だと答えています。読み手も気づいています。米国の消費者1,007人を対象にした [Adobe の調査](https://www.adobe.com/express/learn/blog/ai-marketing-emails)では、AIが書いたと思われるメールを理由にブランドの配信を停止した人が18%いて、最も嫌われる特徴のひとつが「ありきたり」でした。どちらもベンダーによる調査ですが、示している方向は同じです。

Brew のメールはブランドらしく、そして地味でした。見出し、段落、ボタン。優れたデザイナーは、すべてのメールを同じレイアウトから始めたりしません。そのメールの目的を見て、ふさわしい形を選びます。製品から始める、オファーをブランドカラーの帯の上に置く、メインのボタンに存在感を持たせる、といった具合です。

実際に数字でも確かめました。エージェントが作ったメールのサンプルを見直すと、半数以上が、同じブランドの別のメールですでに使われたレイアウトの形を使い回していました。

そこで、メールエージェントがこうした判断をできるように教えることにしました。

## エージェントに、デザイナーの選択肢を

まず、どのメールにも使える次のような手札をエージェントに渡しました。

- パレットから取ったカラーの帯
- ブランド自身の素材やテクスチャを生かした背景
- ブランドカラーの上に置いた、切り抜きの製品画像
- 少し立体感のあるボタン
- ブランドを追加したときにGIFとして取り込んだ、自社サイトのアニメーション。テストした42のブランドサイトのうち、この方法で使える自動再生のメディアがあったのは19サイトで、多くは製品動画でした

そのうえで、1文字も書く前に、このメールにはどの手札が必要かを判断するよう求めました。製品のローンチなら、カラーの帯を背景に製品から始めるかもしれません。ダイジェストなら、セクションのラベルをはっきりさせて、ブランドの無地のページのままにするかもしれません。セールなら、素材を生かした背景の上にオファーを置くかもしれません。

## 最終的に決めるのはブランドガイド

初期のバージョンから、大切なことを学びました。エージェントがどのブランドにも同じ手札を使うと、ダークでイラストの多いブランドはしっくりくるのに、クリーム色のミニマルなブランドは、まるで他社のメールのように見えてしまうのです。

そこで今は、どの手札もまずブランドを確認します。Brew では、それが [`email-design.md`](/ja/blog/email-design-md) です。ブランドを追加したときに Brew が書く、そのブランドのデザインガイドです。

- ガイドにアクセントカラーは控えめに使うと書いてあれば、エージェントはその色でセクション全体を作りません。
- 素材を生かした背景が使われるのは、ブランドに生かす価値のある素材やテクスチャがある場合だけです。
- 締めくくりのセクションは、デザインがそれ以上を求めない限り、ブランド自身の色のままにします。
- ボタンにはデフォルトで少し立体感を付けます。ただし、ガイドやブリーフでフラットと指定されていれば別です。

![ブランドガイドやブリーフの指定と、それを受けたメールエージェントの動きを示す5つの例：「アクセントカラーは控えめに」ならその色でセクションを作らない、素材がなければ素材を生かした背景は使わない、余白の多い文字主体のデザインなら締めくくりもブランド自身の色のまま、「ボタンは常にフラット」ならフラットなボタン、テキストだけのブリーフなら画像のない手紙のようなメール。](/images/blog/emails-designed-brand-guide-rules.png)

*デザインの判断はどれも、まずブランドガイドとブリーフを確認します。*

## 一度も見たことのないブランドでテスト

すでに知っているブランドで調整するのは避けたいと考えました。そこで、小売、飲食、ソフトウェア、メディアの分野から、これまでどのテストでも使ったことのない有名ブランドを10社選びました。それぞれを新たに追加し、ブランドごとに4つのブリーフを書き、すべてのメールを旧エージェントと新エージェントで2回ずつ生成しました。1バージョンあたり80通です。

| メール単位 | 変更前 | 変更後 |
| --- | --- | --- |
| テキストとロゴ以外のビジュアル要素があるメール | 12% | 82% |
| 平均の高さ | 1,759 px | 1,650 px |
| 8 px のグリッドに沿った余白 | 79% | 95% |
| 作成時間の中央値 | 40秒 | 51秒 |

メールはより視覚的に、少し短く、そして整ったものになりました。作成時間は約11秒長くなりましたが、デザインされたと感じられるメールのためなら、その価値はあると考えています。

## 思いどおりの見た目にするには

これから Brew で作るメールの多くには、何らかのビジュアルが入ります。カラーの帯、ブランドカラーの上の製品写真、サイトのアニメーション、存在感のあるボタンなどです。

どこまで取り入れるかは、あなたが決められます。

- **デザイナーに頼むようにブリーフを書く。** 「ローンチメールを作って」よりも、「新製品から始めて、背景はダーク、ボタンは力強いものを1つ」のほうがうまくいきます。
- **シンプルにしたいときは、そう伝える。** 「ボタンはフラットに」「テキストだけで」「手紙のような雰囲気で」。ブリーフはエージェントのデフォルトより優先されます。
- **ブランドガイドを調整する。** `email-design.md` は、エージェントがメールを作る前に必ず読むもので、編集もできます。「アクセントカラーは控えめに」「ボタンは常にフラット」といった1行が、それ以降のすべてのメールに反映されます。

Brew にこんな雰囲気を目指してほしい、とメールを送ってくださった皆さん、ありがとうございます。これからもぜひ送ってください。

要点は変更履歴にまとめています：[サイトのアニメーションも使える、より視覚的なメール](https://docs.brew.new/changelog/posts/more-visual-emails)。