テンプレ H

テンプレH：対話式吹き出し型（クリエイター vs デザイナー）

クリエイター（質問者）とデザイナー（回答者）の Q&A を LINE 風吹き出しで表示。アイコンは ACCENT/PRIMARY 色のシルエット円（Initial 文字入り）。デザイナーが商品の意図やこだわりを語ることで、Honest 軸で人柄・ものづくりの背景を伝え、ファン化に最適。

対話式コンテンツものづくりの背景訴求ファン化デザイナー紹介

プレビュー（ブランド色適用済み）

必要な画像

各回答の商品画像 A[1-3]_PRODUCT_IMAGE
デザイナーが紹介する商品の画像
推奨: 正方形 600x600

✓ こんな時に使う

ものづくりの背景・素材へのこだわりを伝えたい
ブランドファン化
デザイナー視点の連載化
「これは見てみたい」と思わせる

✗ 不向きなシーン

即購入訴求 → A
セール盛り上げ → B

このテンプレで作ったメルマガ

0 件

このテンプレで作成されたメルマガはまだありません

HTML ソース（ブランド変数あり）

<!-- ============================== -->
<!-- NOAHL メルマガテンプレートH -->
<!-- 対話式 吹き出し型（クリエイター vs デザイナー） -->
<!-- ============================== -->

<!-- ■ ヘッダー -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_PRIMARY}}" size="3" style="letter-spacing: 4px;">{{BRAND_LOGO}}</font><br>
      <font color="{{COLOR_MUTED}}" size="1" style="letter-spacing: 2px;">{{BRAND_TAGLINE}}</font>
    </td></tr>
<tr><td height="20"></td></tr>

</table>

<!-- ■ タイトル -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}">
  <tr><td height="30"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_SUBTEXT}}" size="2" style="letter-spacing: 2px;">- talk -</font><br><br>
      <font color="{{COLOR_TEXT}}" size="4"><b>{{HEADLINE}}</b></font><br><br>
      <font color="{{COLOR_SUBTEXT}}" size="2" style="line-height: 1.8;">{{INTRO_TEXT}}</font>
    </td></tr>
<tr><td height="30"></td></tr>

</table>

<!-- ■ 登場人物紹介 -->
<table width="92%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr><td height="28"></td></tr>
<tr><td width="49%" align="center" valign="top">
      <table border="0" cellpadding="0" cellspacing="0" width="64" height="64" align="center">
        <tr>
          <td align="center" valign="middle" bgcolor="{{COLOR_ACCENT}}" width="64" height="64" style="border-radius: 32px; line-height: 64px;">
            <font color="#ffffff" size="4"><b>{{CREATOR_INITIAL}}</b></font>
          </td></tr>
<tr><td height="18"></td></tr>

      </table>
      <font color="{{COLOR_ACCENT}}" size="1" style="letter-spacing: 1px;">クリエイター</font><br>
      <font color="{{COLOR_TEXT}}" size="3"><b>{{CREATOR_NAME}}</b></font><br>
      <font color="{{COLOR_SUBTEXT}}" size="1">{{CREATOR_INTRO}}</font>
    </td>
    <td width="2%"></td>
    <td width="49%" align="center" valign="top" style="padding: 28px 0 18px 0;">
      <table border="0" cellpadding="0" cellspacing="0" width="64" height="64" align="center">
        <tr>
          <td align="center" valign="middle" bgcolor="{{COLOR_PRIMARY}}" width="64" height="64" style="border-radius: 32px; line-height: 64px;">
            <font color="#ffffff" size="4"><b>{{DESIGNER_INITIAL}}</b></font>
          </td>
        </tr>
      </table>
      <font color="{{COLOR_PRIMARY}}" size="1" style="letter-spacing: 1px;">デザイナー</font><br>
      <font color="{{COLOR_TEXT}}" size="3"><b>{{DESIGNER_NAME}}</b></font><br>
      <font color="{{COLOR_SUBTEXT}}" size="1">{{DESIGNER_INTRO}}</font>
    </td>
  </tr>
</table>

<!-- ■ 区切り -->
<table width="55%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr><td style="border-top: 1px solid {{COLOR_BORDER}}; padding-top: 18px;"></td></tr>
</table>

<!-- ■ Q1: クリエイター（左寄り） -->
<table width="92%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="68" valign="top" align="center" style="padding-top: 4px;">
      <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center">
        <tr>
          <td align="center" valign="middle" bgcolor="{{COLOR_ACCENT}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;">
            <font color="#ffffff" size="3"><b>{{CREATOR_INITIAL}}</b></font>
          </td>
        </tr>
      </table>
      <font color="{{COLOR_ACCENT}}" size="1"><b>{{CREATOR_NAME}}</b></font>
    </td>
    <td width="8"></td>
    <td valign="top">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PANEL}}" style="border-radius: 14px;">
        <tr><td height="14"></td></tr>
<tr><td>
            <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.85;">{{Q1_TEXT}}</font>
          </td></tr>
<tr><td height="14"></td></tr>

      </table>
    </td>
    <td width="32"></td>
  </tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="14" style="line-height: 14px; font-size: 1px;">&nbsp;</td></tr>
</table>

<!-- ■ A1: デザイナー（右寄り） -->
<table width="92%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="32"></td>
    <td valign="top">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PRIMARY}}" style="border-radius: 14px;">
        <tr><td height="14"></td></tr>
<tr><td>
            <font color="#ffffff" size="2" style="line-height: 1.85;">{{A1_TEXT}}</font>
          </td></tr>
<tr><td height="14"></td></tr>

      </table>
    </td>
    <td width="8"></td>
    <td width="80" valign="top" align="center" style="padding-top: 4px;">
      <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center">
        <tr>
          <td align="center" valign="middle" bgcolor="{{COLOR_PRIMARY}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;">
            <font color="#ffffff" size="3"><b>{{DESIGNER_INITIAL}}</b></font>
          </td>
        </tr>
      </table>
      <font color="{{COLOR_PRIMARY}}" size="1"><b>{{DESIGNER_NAME}}</b></font>
    </td>
  </tr>
</table>

<!-- ■ A1 商品カード -->
<table width="80%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr><td height="26"></td></tr>
<tr><td align="center">
      <a target="_blank" href="{{A1_PRODUCT_URL}}">
        <img src="{{A1_PRODUCT_IMAGE}}" width="65%" border="0" alt="{{A1_PRODUCT_NAME}}">
      </a>
    </td></tr>
<tr><td height="6"></td></tr>

  <tr><td height="6"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="2"><b>{{A1_PRODUCT_NAME}}</b></font><br>
      <font color="{{COLOR_ACCENT}}" size="2"><b>{{A1_PRODUCT_PRICE}}</b></font>
    </td></tr>
<tr><td height="14"></td></tr>

  <tr>
    <td align="center" style="padding: 0 0 20px 0;">
      [[BUTTON:product|{{A1_PRODUCT_URL}}|この商品を見る →]]
    </td>
  </tr>
</table>

<!-- ■ 区切り -->
<table width="55%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr><td style="border-top: 1px solid {{COLOR_BORDER}}; padding-top: 18px;"></td></tr>
</table>

<!-- ■ Q2: クリエイター（左寄り） -->
<table width="92%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="68" valign="top" align="center" style="padding-top: 4px;">
      <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center">
        <tr>
          <td align="center" valign="middle" bgcolor="{{COLOR_ACCENT}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;">
            <font color="#ffffff" size="3"><b>{{CREATOR_INITIAL}}</b></font>
          </td>
        </tr>
      </table>
      <font color="{{COLOR_ACCENT}}" size="1"><b>{{CREATOR_NAME}}</b></font>
    </td>
    <td width="8"></td>
    <td valign="top">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PANEL}}" style="border-radius: 14px;">
        <tr><td height="14"></td></tr>
<tr><td>
            <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.85;">{{Q2_TEXT}}</font>
          </td></tr>
<tr><td height="14"></td></tr>

      </table>
    </td>
    <td width="32"></td>
  </tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="14" style="line-height: 14px; font-size: 1px;">&nbsp;</td></tr>
</table>

<!-- ■ A2: デザイナー（右寄り） -->
<table width="92%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="32"></td>
    <td valign="top">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PRIMARY}}" style="border-radius: 14px;">
        <tr><td height="14"></td></tr>
<tr><td>
            <font color="#ffffff" size="2" style="line-height: 1.85;">{{A2_TEXT}}</font>
          </td></tr>
<tr><td height="14"></td></tr>

      </table>
    </td>
    <td width="8"></td>
    <td width="80" valign="top" align="center" style="padding-top: 4px;">
      <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center">
        <tr>
          <td align="center" valign="middle" bgcolor="{{COLOR_PRIMARY}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;">
            <font color="#ffffff" size="3"><b>{{DESIGNER_INITIAL}}</b></font>
          </td>
        </tr>
      </table>
      <font color="{{COLOR_PRIMARY}}" size="1"><b>{{DESIGNER_NAME}}</b></font>
    </td>
  </tr>
</table>

<!-- ■ A2 商品カード -->
<table width="80%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr><td height="26"></td></tr>
<tr><td align="center">
      <a target="_blank" href="{{A2_PRODUCT_URL}}">
        <img src="{{A2_PRODUCT_IMAGE}}" width="65%" border="0" alt="{{A2_PRODUCT_NAME}}">
      </a>
    </td></tr>
<tr><td height="6"></td></tr>

  <tr><td height="6"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="2"><b>{{A2_PRODUCT_NAME}}</b></font><br>
      <font color="{{COLOR_ACCENT}}" size="2"><b>{{A2_PRODUCT_PRICE}}</b></font>
    </td></tr>
<tr><td height="14"></td></tr>

  <tr>
    <td align="center" style="padding: 0 0 20px 0;">
      [[BUTTON:product|{{A2_PRODUCT_URL}}|この商品を見る →]]
    </td>
  </tr>
</table>

<!-- ■ 区切り -->
<table width="55%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr><td style="border-top: 1px solid {{COLOR_BORDER}}; padding-top: 18px;"></td></tr>
</table>

<!-- ■ Q3: クリエイター（左寄り） -->
<table width="92%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="68" valign="top" align="center" style="padding-top: 4px;">
      <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center">
        <tr>
          <td align="center" valign="middle" bgcolor="{{COLOR_ACCENT}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;">
            <font color="#ffffff" size="3"><b>{{CREATOR_INITIAL}}</b></font>
          </td>
        </tr>
      </table>
      <font color="{{COLOR_ACCENT}}" size="1"><b>{{CREATOR_NAME}}</b></font>
    </td>
    <td width="8"></td>
    <td valign="top">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PANEL}}" style="border-radius: 14px;">
        <tr><td height="14"></td></tr>
<tr><td>
            <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.85;">{{Q3_TEXT}}</font>
          </td></tr>
<tr><td height="14"></td></tr>

      </table>
    </td>
    <td width="32"></td>
  </tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="14" style="line-height: 14px; font-size: 1px;">&nbsp;</td></tr>
</table>

<!-- ■ A3: デザイナー（右寄り） -->
<table width="92%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="32"></td>
    <td valign="top">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PRIMARY}}" style="border-radius: 14px;">
        <tr><td height="14"></td></tr>
<tr><td>
            <font color="#ffffff" size="2" style="line-height: 1.85;">{{A3_TEXT}}</font>
          </td></tr>
<tr><td height="14"></td></tr>

      </table>
    </td>
    <td width="8"></td>
    <td width="80" valign="top" align="center" style="padding-top: 4px;">
      <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center">
        <tr>
          <td align="center" valign="middle" bgcolor="{{COLOR_PRIMARY}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;">
            <font color="#ffffff" size="3"><b>{{DESIGNER_INITIAL}}</b></font>
          </td>
        </tr>
      </table>
      <font color="{{COLOR_PRIMARY}}" size="1"><b>{{DESIGNER_NAME}}</b></font>
    </td>
  </tr>
</table>

<!-- ■ A3 商品カード -->
<table width="80%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr><td height="26"></td></tr>
<tr><td align="center">
      <a target="_blank" href="{{A3_PRODUCT_URL}}">
        <img src="{{A3_PRODUCT_IMAGE}}" width="65%" border="0" alt="{{A3_PRODUCT_NAME}}">
      </a>
    </td></tr>
<tr><td height="6"></td></tr>

  <tr><td height="6"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="2"><b>{{A3_PRODUCT_NAME}}</b></font><br>
      <font color="{{COLOR_ACCENT}}" size="2"><b>{{A3_PRODUCT_PRICE}}</b></font>
    </td></tr>
<tr><td height="14"></td></tr>

  <tr>
    <td align="center" style="padding: 0 0 20px 0;">
      [[BUTTON:product|{{A3_PRODUCT_URL}}|この商品を見る →]]
    </td>
  </tr>
</table>

<!-- ■ 締め -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.9;">{{CLOSING_TEXT}}</font>
    </td></tr>
<tr><td height="25"></td></tr>

</table>

<!-- ■ フッター -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_PRIMARY}}" size="2"><b>▽ {{BRAND_LOGO}}の新作をチェック ▽</b></font><br><br>
      <a target="_blank" href="{{URL_NEW_ARRIVALS}}">
        <font color="{{COLOR_TEXT}}" size="2">新作一覧を見る →</font>
      </a><br><br>
      <font color="{{COLOR_MUTED}}" size="1">──────────────</font><br><br>
      <a target="_blank" href="{{URL_REVIEW}}">
        <font color="{{COLOR_SUBTEXT}}" size="1">レビュー投稿でプレゼント♪ 詳しくはこちら →</font>
      </a>
    </td></tr>
<tr><td height="25"></td></tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="20"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_MUTED}}" size="1" style="letter-spacing: 2px;">{{BRAND_LOGO_FULL}}</font>
    </td></tr>
<tr><td height="20"></td></tr>

</table>

編集・削除

テンプレH：対話式吹き出し型（クリエイター vs デザイナー）

対話式コンテンツものづくりの背景訴求ファン化デザイナー紹介

HTML ソース（ブランド変数あり）

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr><td height="25"></td></tr> <tr><td align="center"> <font color="{{COLOR_PRIMARY}}" size="3" style="letter-spacing: 4px;">{{BRAND_LOGO}}</font><br> <font color="{{COLOR_MUTED}}" size="1" style="letter-spacing: 2px;">{{BRAND_TAGLINE}}</font> </td></tr> <tr><td height="20"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}"> <tr><td height="30"></td></tr> <tr><td align="center"> <font color="{{COLOR_SUBTEXT}}" size="2" style="letter-spacing: 2px;">- talk -</font><br><br> <font color="{{COLOR_TEXT}}" size="4"><b>{{HEADLINE}}</b></font><br><br> <font color="{{COLOR_SUBTEXT}}" size="2" style="line-height: 1.8;">{{INTRO_TEXT}}</font> </td></tr> <tr><td height="30"></td></tr> </table>  <table width="92%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td height="28"></td></tr> <tr><td width="49%" align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="64" height="64" align="center"> <tr> <td align="center" valign="middle" bgcolor="{{COLOR_ACCENT}}" width="64" height="64" style="border-radius: 32px; line-height: 64px;"> <font color="#ffffff" size="4"><b>{{CREATOR_INITIAL}}</b></font> </td></tr> <tr><td height="18"></td></tr> </table> <font color="{{COLOR_ACCENT}}" size="1" style="letter-spacing: 1px;">クリエイター</font><br> <font color="{{COLOR_TEXT}}" size="3"><b>{{CREATOR_NAME}}</b></font><br> <font color="{{COLOR_SUBTEXT}}" size="1">{{CREATOR_INTRO}}</font> </td> <td width="2%"></td> <td width="49%" align="center" valign="top" style="padding: 28px 0 18px 0;"> <table border="0" cellpadding="0" cellspacing="0" width="64" height="64" align="center"> <tr> <td align="center" valign="middle" bgcolor="{{COLOR_PRIMARY}}" width="64" height="64" style="border-radius: 32px; line-height: 64px;"> <font color="#ffffff" size="4"><b>{{DESIGNER_INITIAL}}</b></font> </td> </tr> </table> <font color="{{COLOR_PRIMARY}}" size="1" style="letter-spacing: 1px;">デザイナー</font><br> <font color="{{COLOR_TEXT}}" size="3"><b>{{DESIGNER_NAME}}</b></font><br> <font color="{{COLOR_SUBTEXT}}" size="1">{{DESIGNER_INTRO}}</font> </td> </tr> </table>  <table width="55%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td style="border-top: 1px solid {{COLOR_BORDER}}; padding-top: 18px;"></td></tr> </table>  <table width="92%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="68" valign="top" align="center" style="padding-top: 4px;"> <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center"> <tr> <td align="center" valign="middle" bgcolor="{{COLOR_ACCENT}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;"> <font color="#ffffff" size="3"><b>{{CREATOR_INITIAL}}</b></font> </td> </tr> </table> <font color="{{COLOR_ACCENT}}" size="1"><b>{{CREATOR_NAME}}</b></font> </td> <td width="8"></td> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PANEL}}" style="border-radius: 14px;"> <tr><td height="14"></td></tr> <tr><td> <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.85;">{{Q1_TEXT}}</font> </td></tr> <tr><td height="14"></td></tr> </table> </td> <td width="32"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="14" style="line-height: 14px; font-size: 1px;"> </td></tr> </table>  <table width="92%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="32"></td> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PRIMARY}}" style="border-radius: 14px;"> <tr><td height="14"></td></tr> <tr><td> <font color="#ffffff" size="2" style="line-height: 1.85;">{{A1_TEXT}}</font> </td></tr> <tr><td height="14"></td></tr> </table> </td> <td width="8"></td> <td width="80" valign="top" align="center" style="padding-top: 4px;"> <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center"> <tr> <td align="center" valign="middle" bgcolor="{{COLOR_PRIMARY}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;"> <font color="#ffffff" size="3"><b>{{DESIGNER_INITIAL}}</b></font> </td> </tr> </table> <font color="{{COLOR_PRIMARY}}" size="1"><b>{{DESIGNER_NAME}}</b></font> </td> </tr> </table>  <table width="80%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td height="26"></td></tr> <tr><td align="center"> <a target="_blank" href="{{A1_PRODUCT_URL}}"> <img src="{{A1_PRODUCT_IMAGE}}" width="65%" border="0" alt="{{A1_PRODUCT_NAME}}"> </a> </td></tr> <tr><td height="6"></td></tr> <tr><td height="6"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="2"><b>{{A1_PRODUCT_NAME}}</b></font><br> <font color="{{COLOR_ACCENT}}" size="2"><b>{{A1_PRODUCT_PRICE}}</b></font> </td></tr> <tr><td height="14"></td></tr> <tr> <td align="center" style="padding: 0 0 20px 0;"> [[BUTTON:product|{{A1_PRODUCT_URL}}|この商品を見る →]] </td> </tr> </table>  <table width="55%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td style="border-top: 1px solid {{COLOR_BORDER}}; padding-top: 18px;"></td></tr> </table>  <table width="92%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="68" valign="top" align="center" style="padding-top: 4px;"> <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center"> <tr> <td align="center" valign="middle" bgcolor="{{COLOR_ACCENT}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;"> <font color="#ffffff" size="3"><b>{{CREATOR_INITIAL}}</b></font> </td> </tr> </table> <font color="{{COLOR_ACCENT}}" size="1"><b>{{CREATOR_NAME}}</b></font> </td> <td width="8"></td> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PANEL}}" style="border-radius: 14px;"> <tr><td height="14"></td></tr> <tr><td> <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.85;">{{Q2_TEXT}}</font> </td></tr> <tr><td height="14"></td></tr> </table> </td> <td width="32"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="14" style="line-height: 14px; font-size: 1px;"> </td></tr> </table>  <table width="92%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="32"></td> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PRIMARY}}" style="border-radius: 14px;"> <tr><td height="14"></td></tr> <tr><td> <font color="#ffffff" size="2" style="line-height: 1.85;">{{A2_TEXT}}</font> </td></tr> <tr><td height="14"></td></tr> </table> </td> <td width="8"></td> <td width="80" valign="top" align="center" style="padding-top: 4px;"> <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center"> <tr> <td align="center" valign="middle" bgcolor="{{COLOR_PRIMARY}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;"> <font color="#ffffff" size="3"><b>{{DESIGNER_INITIAL}}</b></font> </td> </tr> </table> <font color="{{COLOR_PRIMARY}}" size="1"><b>{{DESIGNER_NAME}}</b></font> </td> </tr> </table>  <table width="80%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td height="26"></td></tr> <tr><td align="center"> <a target="_blank" href="{{A2_PRODUCT_URL}}"> <img src="{{A2_PRODUCT_IMAGE}}" width="65%" border="0" alt="{{A2_PRODUCT_NAME}}"> </a> </td></tr> <tr><td height="6"></td></tr> <tr><td height="6"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="2"><b>{{A2_PRODUCT_NAME}}</b></font><br> <font color="{{COLOR_ACCENT}}" size="2"><b>{{A2_PRODUCT_PRICE}}</b></font> </td></tr> <tr><td height="14"></td></tr> <tr> <td align="center" style="padding: 0 0 20px 0;"> [[BUTTON:product|{{A2_PRODUCT_URL}}|この商品を見る →]] </td> </tr> </table>  <table width="55%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td style="border-top: 1px solid {{COLOR_BORDER}}; padding-top: 18px;"></td></tr> </table>  <table width="92%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="68" valign="top" align="center" style="padding-top: 4px;"> <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center"> <tr> <td align="center" valign="middle" bgcolor="{{COLOR_ACCENT}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;"> <font color="#ffffff" size="3"><b>{{CREATOR_INITIAL}}</b></font> </td> </tr> </table> <font color="{{COLOR_ACCENT}}" size="1"><b>{{CREATOR_NAME}}</b></font> </td> <td width="8"></td> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PANEL}}" style="border-radius: 14px;"> <tr><td height="14"></td></tr> <tr><td> <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.85;">{{Q3_TEXT}}</font> </td></tr> <tr><td height="14"></td></tr> </table> </td> <td width="32"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="14" style="line-height: 14px; font-size: 1px;"> </td></tr> </table>  <table width="92%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="32"></td> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{COLOR_PRIMARY}}" style="border-radius: 14px;"> <tr><td height="14"></td></tr> <tr><td> <font color="#ffffff" size="2" style="line-height: 1.85;">{{A3_TEXT}}</font> </td></tr> <tr><td height="14"></td></tr> </table> </td> <td width="8"></td> <td width="80" valign="top" align="center" style="padding-top: 4px;"> <table border="0" cellpadding="0" cellspacing="0" width="50" height="50" align="center"> <tr> <td align="center" valign="middle" bgcolor="{{COLOR_PRIMARY}}" width="50" height="50" style="border-radius: 25px; line-height: 50px;"> <font color="#ffffff" size="3"><b>{{DESIGNER_INITIAL}}</b></font> </td> </tr> </table> <font color="{{COLOR_PRIMARY}}" size="1"><b>{{DESIGNER_NAME}}</b></font> </td> </tr> </table>  <table width="80%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td height="26"></td></tr> <tr><td align="center"> <a target="_blank" href="{{A3_PRODUCT_URL}}"> <img src="{{A3_PRODUCT_IMAGE}}" width="65%" border="0" alt="{{A3_PRODUCT_NAME}}"> </a> </td></tr> <tr><td height="6"></td></tr> <tr><td height="6"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="2"><b>{{A3_PRODUCT_NAME}}</b></font><br> <font color="{{COLOR_ACCENT}}" size="2"><b>{{A3_PRODUCT_PRICE}}</b></font> </td></tr> <tr><td height="14"></td></tr> <tr> <td align="center" style="padding: 0 0 20px 0;"> [[BUTTON:product|{{A3_PRODUCT_URL}}|この商品を見る →]] </td> </tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}"> <tr><td height="25"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.9;">{{CLOSING_TEXT}}</font> </td></tr> <tr><td height="25"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}"> <tr><td height="25"></td></tr> <tr><td align="center"> <font color="{{COLOR_PRIMARY}}" size="2"><b>▽ {{BRAND_LOGO}}の新作をチェック ▽</b></font><br><br> <a target="_blank" href="{{URL_NEW_ARRIVALS}}"> <font color="{{COLOR_TEXT}}" size="2">新作一覧を見る →</font> </a><br><br> <font color="{{COLOR_MUTED}}" size="1">──────────────</font><br><br> <a target="_blank" href="{{URL_REVIEW}}"> <font color="{{COLOR_SUBTEXT}}" size="1">レビュー投稿でプレゼント♪ 詳しくはこちら →</font> </a> </td></tr> <tr><td height="25"></td></tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="20"></td></tr> <tr><td align="center"> <font color="{{COLOR_MUTED}}" size="1" style="letter-spacing: 2px;">{{BRAND_LOGO_FULL}}</font> </td></tr> <tr><td height="20"></td></tr> </table>

テンプレH：対話式 吹き出し型（クリエイター vs デザイナー）

プレビュー（ブランド色適用済み）

必要な画像

✓ こんな時に使う

✗ 不向きなシーン

このテンプレで作ったメルマガ

HTML ソース（ブランド変数あり）

編集・削除

テンプレH：対話式 吹き出し型（クリエイター vs デザイナー）

プレビュー（ブランド色適用済み）

必要な画像

✓ こんな時に使う

✗ 不向きなシーン

このテンプレで作ったメルマガ

HTML ソース（ブランド変数あり）

編集・削除

テンプレH：対話式吹き出し型（クリエイター vs デザイナー）

テンプレH：対話式吹き出し型（クリエイター vs デザイナー）