> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# メールのデザイン

> すべてのメールテンプレートに共通するロゴ、アクセントカラー、ボタン、角、背景、フォントを設定します。

すべてのメールテンプレートは、共通のデザインを使います。デザインは、各メールのエディタの **スタイル** タブで設定します。メールテンプレートページの **ブランドスタイル** からも開けます。変更はすぐにプレビューに表示され、保存するとすべてのメールに適用されます。

![スタイルタブ](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/email-templates/images/email-style.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=87cedd375fa40b845e6dc26ad0020ece)

## 設定項目

| 設定 | 内容 |
| - | - |
| **ロゴ** | **\[設定] › \[ブランディング] から**：ストアのロゴを、スライダーで設定した **ロゴの幅** で表示します（ロゴがない場合はストア名を表示します）。**ストア名をテキストで表示**：ストア名を表示します |
| **アクセントカラー** | ボタン、リンク、配送追跡ブロックに使います。スウォッチを選ぶか、色を入力します（ブランドカラーを設定している場合は、最初のスウォッチがその色です） |
| **ボタン** | **塗りつぶし** または **枠線** |
| **角** | **丸み**、**四角**、または **ピル型ボタン** |
| **背景** | メールの周囲の色です。スウォッチを選ぶか、色を入力します |
| **フォント** | **システム（どの受信トレイでも最も安全）**、**Georgia**、または **Helvetica** |

**\[設定] › \[ブランディング] を開く** を選ぶと、エディタが閉じてブランディングが開きます。ロゴと色はそこで設定します。

## 補足

* 使えるフォントは、すべてのメールクライアントにあるものに限られます。ほとんどの受信トレイでは、Webフォントは読み込まれません。
* 塗りつぶしボタンの文字色は、白か黒に近い色のうち、アクセントカラーの上で読みやすい方になります。

## 関連記事

* [メールテンプレートを編集する](https://foliant-help.iforiti.com/jp/email-templates/edit-an-email-template.md)
* [ブランディング](https://foliant-help.iforiti.com/jp/settings/branding.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.