テンプレE：新作予告（teaser）型

近日リリースする新作を焦らし系で予告するメルマガ。具体的な商品はまだ出さず、ティーザー画像と日付でワクワク感を演出。À la mode（ときめき）軸で。

必要な画像

• ティーザー画像 TEASER_IMAGE
  新作の世界観・素材感をぼかしや一部だけ見せる感じで。商品の全貌は出さない。
  推奨: 横長 600x400 程度、雰囲気重視

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

<!-- ============================== -->
<!-- NOAHL メルマガテンプレートE -->
<!-- 新作予告（teaser）型 -->
<!-- ============================== -->

<!-- ■ ヘッダー -->
<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">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_ACCENT}}" size="2" style="letter-spacing: 4px;"><b>{{TEASER_LABEL}}</b></font>
    </td></tr>
<tr><td height="5"></td></tr>

</table>

<!-- ■ メイン見出し -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="10"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="4"><b>{{HEADLINE}}</b></font>
    </td></tr>
<tr><td height="25"></td></tr>

</table>

<!-- ■ ティーザー画像 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
      <img src="{{TEASER_IMAGE}}" width="100%" border="0" alt="{{HEADLINE}}">
    </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_SUBTEXT}}" size="2">- release date -</font><br><br>
      <font color="{{COLOR_TEXT}}" size="3"><b>{{RELEASE_DATE}}</b></font>
    </td></tr>
<tr><td height="25"></td></tr>

</table>

<!-- ■ 焦らし文 -->
<table width="85%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr><td height="30"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="2" style="line-height: 1.9;">{{TEASER_BODY}}</font>
    </td></tr>
<tr><td height="30"></td></tr>

</table>

<!-- ■ CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="10"></td></tr>
<tr><td align="center">
      [[BUTTON:product|{{CTA_URL}}|{{CTA_TEXT}}]]
    </td></tr>
<tr><td height="30"></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>
    </td></tr>
<tr><td height="5"></td></tr>

</table>

[[BUTTON:secondary|{{URL_NEW_ARRIVALS}}|新作一覧を見る →]]
[[BUTTON:secondary|{{URL_REVIEW}}|レビュー投稿でプレゼント♪ 詳しくはこちら]]


<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>

編集・削除