本文へスキップ

MD-03 — HEADERS

ヘッダー・プリヘッダー15点 取扱中

ロゴ・お知らせバー・受信箱で効くプレビューテキスト。 すべてテーブルレイアウト+インラインスタイルで、Outlook/Gmail/Apple Mailに安全に投函できます。

MD03-001-JP

プリヘッダー(受信箱プレビュー文)Hidden Preheader

<div style="display:none;max-height:0;overflow:hidden;mso-hide:all;">
  夏の感謝セールは本日23:59まで。会員様は全品10%OFF、5,000円以上のご購入で送料も無料になります。
</div>
<div style="display:none;max-height:0;overflow:hidden;mso-hide:all;">
  &zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
</div>
重量 436 g OutlookGmailApple MailORIGINAL
MD03-002-JP

ロゴ中央ヘッダーCentered Logo

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" style="padding:24px 12px;border-bottom:2px solid #26221F;">
      <a href="https://example.com/" target="_blank" style="text-decoration:none;">
        <img src="https://example.com/your-image.jpg" width="140" height="36" alt="YOUR BRAND" style="display:block;width:140px;height:auto;border:0;background-color:#E5DFD0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#26221F;">
      </a>
    </td>
  </tr>
</table>
重量 586 g OutlookGmailApple MailORIGINAL
MD03-003-JP

ロゴ+テキストナビLogo + Nav

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td valign="middle" style="padding:18px 12px;">
      <a href="https://example.com/" target="_blank" style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:18px;font-weight:bold;color:#26221F;text-decoration:none;">YOUR BRAND</a>
    </td>
    <td align="right" valign="middle" style="padding:18px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;">
      <a href="https://example.com/new" target="_blank" style="color:#26221F;text-decoration:none;font-weight:bold;">新着</a>
      &nbsp;&nbsp;<a href="https://example.com/sale" target="_blank" style="color:#26221F;text-decoration:none;font-weight:bold;">セール</a>
      &nbsp;&nbsp;<a href="https://example.com/support" target="_blank" style="color:#26221F;text-decoration:none;font-weight:bold;">サポート</a>
    </td>
  </tr>
</table>
重量 979 g OutlookGmailApple MailORIGINAL
MD03-004-JP

お知らせバーAnnouncement Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#D7000F" style="background-color:#D7000F;">
  <tr>
    <td align="center" style="padding:10px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#ffffff;">
      期間限定 全品送料無料 &#8594; <a href="https://example.com/" target="_blank" style="color:#ffffff;text-decoration:underline;">詳細を見る</a>
    </td>
  </tr>
</table>
重量 485 g OutlookGmailApple MailORIGINAL
MD03-005-JP

ロゴ+ミニCTALogo + CTA

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td valign="middle" style="padding:16px 12px;">
      <a href="https://example.com/" target="_blank" style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:18px;font-weight:bold;color:#26221F;text-decoration:none;">YOUR BRAND</a>
    </td>
    <td align="right" valign="middle" style="padding:16px 12px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="right">
        <tr>
          <td align="center" bgcolor="#26221F">
            <a href="https://example.com/shop" target="_blank" style="display:inline-block;border:solid 9px #26221F;border-left-width:18px;border-right-width:18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#26221F;">ストアへ</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 1029 g OutlookGmailApple MailORIGINAL
MD03-006-JP

日付+Web版リンクDateline Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:10px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;border-bottom:1px solid #D2CBBB;">
      2026年7月3日号
    </td>
    <td align="right" style="padding:10px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;border-bottom:1px solid #D2CBBB;">
      <a href="https://example.com/web-version" target="_blank" style="color:#5F584E;text-decoration:underline;">Webブラウザで見る</a>
    </td>
  </tr>
</table>
重量 641 g OutlookGmailApple MailORIGINAL
MD03-008-JP

パーソナライズ挨拶バーPersonalized Greeting

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:20px 24px 4px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="40" valign="middle">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="40" height="40">
              <tr>
                <td align="center" valign="middle" width="40" height="40" bgcolor="#2B5EA7" style="width:40px;height:40px;border-radius:20px;background-color:#2B5EA7;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;color:#ffffff;">T</td>
              </tr>
            </table>
          </td>
          <td valign="middle" style="padding-left:12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;color:#26221F;">
            <strong>田中様</strong>、おかえりなさい。
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 1015 g OutlookGmailApple MailORIGINAL
MD03-009-JP

ログイン・カートバーUtility Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#26221F" style="background-color:#26221F;">
  <tr>
    <td style="padding:8px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#F0EBE0;">
      会員様限定セール開催中
    </td>
    <td align="right" style="padding:8px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;white-space:nowrap;">
      <a href="https://example.com/login" target="_blank" style="color:#F0EBE0;text-decoration:underline;">ログイン</a>
      &nbsp;|&nbsp;
      <a href="https://example.com/cart" target="_blank" style="color:#F0EBE0;text-decoration:underline;">カート(2)</a>
    </td>
  </tr>
</table>
重量 747 g OutlookGmailApple MailORIGINAL
MD03-010-JP

フルブリード画像オーバーレイヘッダーFull-Bleed Overlay Header

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td background="https://example.com/your-image.jpg" bgcolor="#26221F" valign="middle" align="center" style="background-image:url('https://example.com/your-image.jpg');background-size:cover;background-position:center;background-color:#26221F;padding:52px 24px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" style="width:600px;max-width:600px;">
        <tr>
          <td align="center" style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;letter-spacing:3px;color:#E8B93B;">YOUR BRAND</td>
        </tr>
        <tr>
          <td align="center" style="padding:10px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:26px;font-weight:bold;line-height:1.4;color:#ffffff;">
            見出しを画像の上に重ねて、最初の一秒で惹きつける。
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 1033 g OutlookGmailApple MailORIGINAL
MD03-011-JP

評価・信頼バッジバーTrust & Rating Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#F0EBE0" style="background-color:#F0EBE0;border-bottom:1px solid #D2CBBB;">
  <tr>
    <td style="padding:10px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#26221F;white-space:nowrap;">
      <span style="color:#E8B93B;">&#9733;&#9733;&#9733;&#9733;&#9733;</span> 4.8/5(12,400件のレビュー)
    </td>
    <td align="right" style="padding:10px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;white-space:nowrap;">
      全国送料無料 ・ 30日間返品保証
    </td>
  </tr>
</table>
重量 667 g OutlookGmailApple MailORIGINAL
MD03-012-JP

アプリダウンロード誘導バーApp Download Banner

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#26221F" style="background-color:#26221F;">
  <tr>
    <td valign="middle" style="padding:12px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#F0EBE0;">
      アプリならもっと便利に。今すぐダウンロード。
    </td>
    <td align="right" valign="middle" style="padding:12px 16px;white-space:nowrap;">
      <a href="https://example.com/app-store" target="_blank" style="display:inline-block;padding:6px 14px;margin-left:6px;border:1px solid #F0EBE0;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;color:#F0EBE0;text-decoration:none;">App Store</a>
      <a href="https://example.com/google-play" target="_blank" style="display:inline-block;padding:6px 14px;margin-left:6px;border:1px solid #F0EBE0;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;color:#F0EBE0;text-decoration:none;">Google Play</a>
    </td>
  </tr>
</table>
重量 999 g OutlookGmailApple MailORIGINAL
MD03-013-JP

ロゴなし・大胆見出しヘッダーBold Statement Header

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#F0EBE0" style="background-color:#F0EBE0;">
  <tr>
    <td align="center" style="padding:40px 24px 8px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;letter-spacing:3px;color:#8C7A45;">
      YOUR BRAND
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 24px 36px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:30px;font-weight:bold;line-height:1.4;color:#26221F;">
      今週だけの、特別な便り。
    </td>
  </tr>
</table>
重量 603 g OutlookGmailApple MailORIGINAL
MD03-014-JP

上部SNSアイコン列Top Social Icon Strip

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#26221F" style="background-color:#26221F;">
  <tr>
    <td align="center" style="padding:12px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td style="padding:0 8px;"><a href="https://example.com/instagram" target="_blank"><img src="https://example.com/your-image.jpg" width="18" height="18" alt="Instagram" style="display:block;width:18px;height:18px;border:0;background-color:#3A362F;"></a></td>
          <td style="padding:0 8px;"><a href="https://example.com/x" target="_blank"><img src="https://example.com/your-image.jpg" width="18" height="18" alt="X" style="display:block;width:18px;height:18px;border:0;background-color:#3A362F;"></a></td>
          <td style="padding:0 8px;"><a href="https://example.com/line" target="_blank"><img src="https://example.com/your-image.jpg" width="18" height="18" alt="LINE" style="display:block;width:18px;height:18px;border:0;background-color:#3A362F;"></a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 1127 g OutlookGmailApple MailORIGINAL
MD03-015-JP

ミニナビゲーション(2〜4リンク)Restrained Mini Nav

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border-bottom:1px solid #D2CBBB;">
  <tr>
    <td align="center" style="padding:14px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;letter-spacing:1px;color:#26221F;">
      <a href="https://example.com/new" target="_blank" style="color:#26221F;text-decoration:none;">新着</a>
      &nbsp;&nbsp;&nbsp;<a href="https://example.com/ranking" target="_blank" style="color:#26221F;text-decoration:none;">ランキング</a>
      &nbsp;&nbsp;&nbsp;<a href="https://example.com/sale" target="_blank" style="color:#D7000F;text-decoration:none;">セール</a>
      &nbsp;&nbsp;&nbsp;<a href="https://example.com/contact" target="_blank" style="color:#26221F;text-decoration:none;">お問い合わせ</a>
    </td>
  </tr>
</table>
重量 892 g OutlookGmailApple MailORIGINAL