न्यूज़लेटर टेम्प्लेट्स: मुफ़्त डाउनलोड, डिज़ाइन टिप्स और बेहतरीन उदाहरण (2026)

मुफ़्त न्यूज़लेटर टेम्प्लेट्स और डिज़ाइन प्रेरणा पाएं। रेस्पॉन्सिव HTML टेम्प्लेट्स, डिज़ाइन बेस्ट प्रैक्टिसेज़, और हर इंडस्ट्री के लिए उदाहरण शामिल हैं।

Set Noa

अपडेट किया गया 18 मई 2026

0 विज़िट · 7 दिन

newsletter templates

न्यूज़लेटर टेम्प्लेट्स?

मुफ़्त न्यूज़लेटर टेम्प्लेट्स और डिज़ाइन टिप्स पाएं। Brevo अपने मुफ़्त प्लान में रेस्पॉन्सिव, कस्टमाइज़ करने योग्य टेम्प्लेट्स शामिल करता है, कोडिंग की ज़रूरत नहीं।

और जानें

संक्षेप: एक अच्छा न्यूज़लेटर टेम्प्लेट मोबाइल रेस्पॉन्सिव, सिंगल-कॉलम, ऑन-ब्रांड, और एक स्पष्ट CTA के इर्दगिर्द बना होता है। Brevo अपने ड्रैग-एंड-ड्रॉप एडिटर में 40+ मुफ़्त रेस्पॉन्सिव टेम्प्लेट्स शामिल करता है, कोडिंग की ज़रूरत नहीं; Canva, Stripo, और BEEFree डिज़ाइन फ़ाइलों के लिए मज़बूत विकल्प हैं।

एक बेहतरीन न्यूज़लेटर टेम्प्लेट आपकी ईमेल मार्केटिंग का भारी काम करता है, यह आपके कंटेंट को पेशेवर दिखाता है, पाठकों को आपके CTA की ओर मार्गदर्शन करता है, और हर डिवाइस और ईमेल क्लाइंट पर पूरी तरह काम करता है।

यह गाइड न्यूज़लेटर टेम्प्लेट्स के बारे में सब कुछ कवर करती है: इन्हें मुफ़्त कहां पाएं, प्रभावी कैसे डिज़ाइन करें, और हर इंडस्ट्री के उदाहरण।

एक बेहतरीन न्यूज़लेटर टेम्प्लेट को क्या बनाता है

आवश्यक तत्व

मोबाइल रेस्पॉन्सिव डिज़ाइन, 60%+ ईमेल मोबाइल पर खोले जाते हैं
स्पष्ट विज़ुअल हायरार्की, नज़र को हेडलाइन से CTA तक मार्गदर्शन करें
ब्रांड संगति, रंग, फ़ॉन्ट, और लोगो की जगह
सिंगल-कॉलम लेआउट, डिवाइसों पर बेहतरीन पठनीयता
प्रमुख CTA, प्रति ईमेल एक स्पष्ट क्रिया
प्रीहेडर टेक्स्ट, इनबॉक्स में अपनी सब्जेक्ट लाइन का विस्तार करें
अनसब्सक्राइब लिंक, क़ानूनी रूप से ज़रूरी (CAN-SPAM, GDPR)

टेम्प्लेट संरचना

┌─────────────────────────┐
│  लोगो / ब्रांड हेडर       │
├─────────────────────────┤
│  हीरो इमेज                │
├─────────────────────────┤
│  हेडलाइन                 │
│  बॉडी टेक्स्ट (2-3 लाइनें) │
│  [CTA बटन]               │
├─────────────────────────┤
│  कंटेंट सेक्शन 2           │
│  [सेकेंडरी CTA]           │
├─────────────────────────┤
│  फ़ुटर / सोशल लिंक्स       │
│  अनसब्सक्राइब लिंक         │
└─────────────────────────┘

Tajo टेम्पलेट

चार लेआउट, चलते हुए

नीचे का हर पैनल टेम्पलेट का असली ईमेल HTML है, असली चौड़ाई वाले फ़्रेम में। चौड़ाई को 375 px तक खींचिए और देखिए कि कॉलम कैसे एक के नीचे एक लगते हैं।

आपकी थीम के अनुसार चलता है — दूसरी देखने के लिए ऊपर से बदलिए।

The Letter का HTML पढ़िए 6 KB, बिना बिल्ड के

<!DOCTYPE html>
<html lang="hi" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Letter</title>
<style>
  body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
  table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
  img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
  a { text-decoration:underline; }
  @media only screen and (max-width:620px) {
    .wrap { width:100% !important; }
    .stack { display:block !important; width:100% !important; max-width:100% !important; }
    .gutter { padding-left:20px !important; padding-right:20px !important; }
    .cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
    .h1 { font-size:26px !important; line-height:32px !important; }
    .thumb { width:100% !important; height:auto !important; max-width:100% !important; }
    /* A digest row is the one two-column layout that should NOT stack: the
       thumbnail shrinks and stays beside the headline, because a roundup is
       read by scanning and a full-width decorative image per story destroys
       that. */
    .row-thumb { width:80px !important; }
    .row-thumb img { width:80px !important; height:80px !important; }
    .hide-sm { display:none !important; }
  }
@media (prefers-color-scheme: dark) {

    .d-bg { background-color:#151515 !important; }
    .d-card { background-color:#1c1c1c !important; }
    .d-ink { color:#f2f2f2 !important; }
    .d-mute { color:#a8a8a8 !important; }
    .d-rule { border-color:#3a3a3a !important; }
  }
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f0efec;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">जो उद्धरण आप अपने नोट्स ऐप में सहेजते हैं, वह आपके कंटेंट कैलेंडर से ज़्यादा मेहनत करता है।</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f0efec;">
  <tr><td align="center" style="padding:32px 12px;">
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">

      <tr><td style="padding:0;">
        <img src="/_astro/letter-masthead.BcPkHvz4.png" width="600" height="250" alt="Meridian Press का शीर्ष चित्र: संकेंद्री नीली चापें, एक तिरछी पट्टी से कटी हुईं" style="width:100%;height:auto;max-width:600px;">
      </td></tr>

      <tr><td class="gutter" style="padding:36px 88px 0 88px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Meridian Press · अंक 47</p>
      </td></tr>

      <tr><td class="gutter" style="padding:0 88px;font-family:'Nirmala UI',Mangal,serif;">
        <h1 class="h1 d-ink" style="margin:0 0 20px 0;font-size:34px;line-height:42px;font-weight:400;color:#141414;">संग्रह ही उत्पाद है</h1>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">तीन हफ़्ते पहले मैंने 2019 में लिखा एक पाठ खोजा और नहीं मिला। न साइट पर, न निर्यात में, न प्लेटफ़ॉर्म की अपनी खोज में। बारह सौ अंक, और काम करने वाली इकलौती अनुक्रमणिका मेरी स्मृति थी।</p>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">छह साल न्यूज़लेटर चलाने के बारे में यही हिस्सा कोई नहीं बताता। भेजना आसान है। सहेजना नहीं।</p>
      </td></tr>

      <tr><td class="gutter" style="padding:8px 88px 28px 88px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
          <tr><td class="quote" style="border-left:3px solid #0084d1;padding:4px 0 4px 0;padding-left:20px;font-family:'Nirmala UI',Mangal,serif;">
            <p class="d-ink" style="margin:0;font-size:19px;line-height:30px;font-style:italic;color:#141414;">आप जो भी प्रकाशित करते हैं वह एक जमा है। निकासी लगभग कोई नहीं बनाता।</p>
          </td></tr>
        </table>
      </td></tr>

      <tr><td class="gutter" style="padding:0 88px;font-family:'Nirmala UI',Mangal,serif;">
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">तो इस हफ़्ते मैंने पुराने अंकों को सचमुच का संग्रह बनाकर फिर से खड़ा किया: टैग, पूर्ण-पाठ खोज और स्थायी पतों के साथ। नौ दिन लगे। ग्राहकों की संख्या नहीं हिली। साइट पर बिताया समय तीन गुना हो गया।</p>
        <p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">पूरा ब्योरा नीचे है, उन हिस्सों समेत जो काम नहीं आए।</p>
      </td></tr>

      <tr><td class="gutter" style="padding:0 88px 36px 88px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <a href="https://example.com" style="font-size:17px;line-height:24px;font-weight:600;color:#0084d1;text-decoration:underline;">पूरा अंक पढ़िए &rarr;</a>
      </td></tr>

      <tr><td class="gutter d-rule" style="padding:0 88px;border-top:1px solid #e4e2de;"></td></tr>

      <tr><td class="gutter" style="padding:24px 88px 40px 88px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:22px;color:#6b6b6b;">हर गुरुवार हाथ से लिखा जाता है। उत्तर दीजिए, मैं पढ़ता हूँ।</p>
        <p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Meridian Press, 14 Harbour Lane, Bristol BS1 4TT<br>
        <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">सदस्यता छोड़ें</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ब्राउज़र में देखें</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

आपकी थीम के अनुसार चलता है — दूसरी देखने के लिए ऊपर से बदलिए।

The Digest का HTML पढ़िए 10 KB, बिना बिल्ड के

<!DOCTYPE html>
<html lang="hi" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Digest</title>
<style>
  body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
  table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
  img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
  a { text-decoration:underline; }
  @media only screen and (max-width:620px) {
    .wrap { width:100% !important; }
    .stack { display:block !important; width:100% !important; max-width:100% !important; }
    .gutter { padding-left:20px !important; padding-right:20px !important; }
    .cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
    .h1 { font-size:26px !important; line-height:32px !important; }
    .thumb { width:100% !important; height:auto !important; max-width:100% !important; }
    /* A digest row is the one two-column layout that should NOT stack: the
       thumbnail shrinks and stays beside the headline, because a roundup is
       read by scanning and a full-width decorative image per story destroys
       that. */
    .row-thumb { width:80px !important; }
    .row-thumb img { width:80px !important; height:80px !important; }
    .hide-sm { display:none !important; }
  }
@media (prefers-color-scheme: dark) {

    .d-bg { background-color:#131313 !important; }
    .d-card { background-color:#1b1b1b !important; }
    .d-ink { color:#f3f3f3 !important; }
    .d-mute { color:#a5a5a5 !important; }
    .d-rule { border-color:#333333 !important; }
    .d-chip { background-color:#10352f !important; color:#7fd8c6 !important; }
  }
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f4f3f0;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">छह चीज़ें जो आपके मंगलवार के लायक हैं। दो कीमत तय करने के बारे में हैं।</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f4f3f0;">
  <tr><td align="center" style="padding:28px 12px;">
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">

      <tr><td class="gutter" style="padding:30px 32px 22px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td valign="middle" style="font-family:'Nirmala UI',Mangal,sans-serif;">
              <p class="d-ink" style="margin:0;font-size:20px;line-height:26px;font-weight:800;color:#141414;">The Tuesday Digest</p>
              <p class="d-mute" style="margin:4px 0 0 0;font-size:14px;line-height:20px;color:#6b6b6b;">26 अगस्त 2026 · 6 विषय · 9 मिनट</p>
            </td>
            <td valign="middle" align="right" class="hide-sm">
              <span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">अंक 212</span>
            </td>
          </tr>
        </table>
      </td></tr>

      <tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:2px solid #141414;font-size:0;line-height:0;">&nbsp;</td></tr></table></td></tr>

      <tr><td class="gutter" style="padding:0 32px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
          <tr>
            <td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
              <img src="/_astro/digest-1.gDWNYw1C.png" width="112" height="112" alt="अमूर्त फ़िरोज़ी चापें, एक तिरछी पट्टी से कटी हुईं" style="width:112px;height:112px;border-radius:4px;">
            </td>
            <td valign="top" style="font-family:'Nirmala UI',Mangal,sans-serif;">
              <p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">01 &middot; मूल्य निर्धारण</p>
              <p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
                <a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">तीन कंपनियाँ उपयोग-आधारित मूल्य पर गईं और दो वापस लौट आईं</a>
              </p>
              <p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">लौटने वाली दोनों एक ही बात कहती हैं: सहायता का बोझ राजस्व से पहले बढ़ गया।</p>
            </td>
          </tr>
        </table>
      </td></tr>
      <tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;">&nbsp;</td></tr></table></td></tr>

      <tr><td class="gutter" style="padding:0 32px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
          <tr>
            <td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
              <img src="/_astro/digest-2.ch7Avmad.png" width="112" height="112" alt="अमूर्त फ़िरोज़ी छल्ले, खिसके हुए केंद्र बिंदु के साथ" style="width:112px;height:112px;border-radius:4px;">
            </td>
            <td valign="top" style="font-family:'Nirmala UI',Mangal,sans-serif;">
              <p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">02 &middot; वितरण-क्षमता</p>
              <p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
                <a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">बड़े प्रेषकों के लिए Gmail के नियम एक साल पुराने हो गए। असल में यह बदला है</a>
              </p>
              <p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">शिकायत दर वही इकलौती सीमा है जिसके पास कोई पहुँचा। बाकी सब पहले से ही अनिवार्य था।</p>
            </td>
          </tr>
        </table>
      </td></tr>
      <tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;">&nbsp;</td></tr></table></td></tr>

      <tr><td class="gutter" style="padding:0 32px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
          <tr>
            <td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
              <img src="/_astro/digest-3.DP0eG3wj.png" width="112" height="112" alt="हल्के सफ़ेद पर अमूर्त संकेंद्री फ़िरोज़ी चापें" style="width:112px;height:112px;border-radius:4px;">
            </td>
            <td valign="top" style="font-family:'Nirmala UI',Mangal,sans-serif;">
              <p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">03 &middot; कारीगरी</p>
              <p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
                <a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">न्यूज़लेटर का संग्रह एक खोज उत्पाद है, लिंक की सूची नहीं</a>
              </p>
              <p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">नौ दिन का काम, ग्राहकों में शून्य वृद्धि, साइट पर तीन गुना समय। दिलचस्प तो यही अदला-बदली है।</p>
            </td>
          </tr>
        </table>
      </td></tr>
      <tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;">&nbsp;</td></tr></table></td></tr>

      <tr><td class="gutter" style="padding:24px 32px 34px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <p class="d-mute" style="margin:0 0 14px 0;font-size:15px;line-height:24px;color:#555555;">नीचे तीन और हैं, उनमें वह भी जो बिलिंग पर है और जिसका जवाब सब देते हैं।</p>
        <!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#007d6a" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#007d6a;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">छहों पढ़िए</a>
<!--[if mso]></td></tr></table><![endif]-->
      </td></tr>

      <tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #eceae6;"></td></tr>
      <tr><td class="gutter" style="padding:20px 32px 30px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">The Tuesday Digest, 9 Fitzroy Street, Manchester M1 2AL<br>
        <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">सदस्यता छोड़ें</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">पसंद प्रबंधित करें</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ब्राउज़र में देखें</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

आपकी थीम के अनुसार चलता है — दूसरी देखने के लिए ऊपर से बदलिए।

The Storefront का HTML पढ़िए 12 KB, बिना बिल्ड के

<!DOCTYPE html>
<html lang="hi" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Storefront</title>
<style>
  body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
  table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
  img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
  a { text-decoration:underline; }
  @media only screen and (max-width:620px) {
    .wrap { width:100% !important; }
    .stack { display:block !important; width:100% !important; max-width:100% !important; }
    .gutter { padding-left:20px !important; padding-right:20px !important; }
    .cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
    .h1 { font-size:26px !important; line-height:32px !important; }
    .thumb { width:100% !important; height:auto !important; max-width:100% !important; }
    /* A digest row is the one two-column layout that should NOT stack: the
       thumbnail shrinks and stays beside the headline, because a roundup is
       read by scanning and a full-width decorative image per story destroys
       that. */
    .row-thumb { width:80px !important; }
    .row-thumb img { width:80px !important; height:80px !important; }
    .hide-sm { display:none !important; }
  }
@media (prefers-color-scheme: dark) {

    .d-bg { background-color:#141210 !important; }
    .d-card { background-color:#1d1a18 !important; }
    .d-ink { color:#f5f2ef !important; }
    .d-mute { color:#aaa39d !important; }
    .d-rule { border-color:#38322d !important; }
    .d-tile { background-color:#241f1c !important; }
  }
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#efece8;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">चार नए प्रिंट। बंदरगाह वाला 40 प्रतियों में है और हफ़्ता नहीं निकालेगा।</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#efece8;">
  <tr><td align="center" style="padding:24px 12px;">
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">

      <tr><td class="gutter" style="padding:22px 24px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
          <td class="d-ink" style="font-size:17px;line-height:22px;font-weight:800;color:#141414;">Northlight</td>
          <td align="right" class="d-mute hide-sm" style="font-family:'Nirmala UI',Mangal,sans-serif;font-size:13px;line-height:20px;color:#6b6b6b;">शरद पेशकश · 04</td>
        </tr></table>
      </td></tr>

      <tr><td style="padding:0;">
        <img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="चार नए Northlight प्रिंट: गर्म हल्के सफ़ेद पर एक-दूसरे पर चढ़ती जंग-लाल चापें" style="width:100%;height:auto;max-width:600px;">
      </td></tr>

      <tr><td class="gutter" style="padding:30px 40px 0 40px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <h1 class="h1 d-ink" style="margin:0 0 12px 0;font-size:30px;line-height:38px;font-weight:800;color:#141414;">चार प्रिंट। हर एक की चालीस प्रतियाँ।</h1>
        <p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">इस पेशकश का हर प्रिंट हाथ से खींचा गया, क्रमांकित है, और ख़त्म होते ही ख़त्म। यहाँ कुछ दोबारा नहीं छपता।</p>
      </td></tr>

      <tr><td class="gutter" style="padding:0 40px 26px 40px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">पेशकश देखिए</a>
<!--[if mso]></td></tr></table><![endif]-->
      </td></tr>

      <tr><td class="gutter" style="padding:0 32px 8px 32px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
          <tr>

        <td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
          <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
            <tr><td style="padding:0;"><img src="/_astro/shop-print-1.B7Z7OyM8.png" width="272" height="272" alt="Harbour, जंग-लाल रंग का अमूर्त प्रिंट" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
            <tr><td style="padding:16px 16px 18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
              <p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Harbour</p>
              <p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm &middot; सूती काग़ज़ पर जिक्ले</p>
              <p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
              <!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">टोकरी में डालें</a>
<!--[if mso]></td></tr></table><![endif]-->
            </td></tr>
          </table>
        </td>

        <td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
          <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
            <tr><td style="padding:0;"><img src="/_astro/shop-print-2.CMBKLJ38.png" width="272" height="272" alt="Dusk, अंबर रंग का अमूर्त प्रिंट" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
            <tr><td style="padding:16px 16px 18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
              <p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Dusk</p>
              <p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm &middot; सूती काग़ज़ पर जिक्ले</p>
              <p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
              <!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">टोकरी में डालें</a>
<!--[if mso]></td></tr></table><![endif]-->
            </td></tr>
          </table>
        </td>
          </tr>
          <tr>

        <td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
          <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
            <tr><td style="padding:0;"><img src="/_astro/shop-print-3.C9XLoBz6.png" width="272" height="272" alt="Tide, बैंगनी रंग का अमूर्त प्रिंट" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
            <tr><td style="padding:16px 16px 18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
              <p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Tide</p>
              <p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm &middot; सूती काग़ज़ पर जिक्ले</p>
              <p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
              <!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">टोकरी में डालें</a>
<!--[if mso]></td></tr></table><![endif]-->
            </td></tr>
          </table>
        </td>

        <td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
          <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
            <tr><td style="padding:0;"><img src="/_astro/shop-print-4.jL_6WDwF.png" width="272" height="272" alt="Quarry, गहरे हरे रंग का अमूर्त प्रिंट" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
            <tr><td style="padding:16px 16px 18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
              <p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Quarry</p>
              <p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm &middot; सूती काग़ज़ पर जिक्ले</p>
              <p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
              <!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">टोकरी में डालें</a>
<!--[if mso]></td></tr></table><![endif]-->
            </td></tr>
          </table>
        </td>
          </tr>
        </table>
      </td></tr>

      <tr><td class="gutter" style="padding:6px 40px 30px 40px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#faf9f7;border-radius:4px;">
          <tr><td style="padding:16px 20px;font-family:'Nirmala UI',Mangal,sans-serif;">
            <p class="d-ink" style="margin:0;font-size:15px;line-height:24px;color:#242424;"><strong>यूनाइटेड किंगडम में 75 £ से ऊपर मुफ़्त शिपिंग।</strong> फ़्रेम के विकल्प भुगतान के समय। बिना फ़्रेम वालों की वापसी 30 दिन के भीतर।</p>
          </td></tr>
        </table>
      </td></tr>

      <tr><td class="gutter d-rule" style="padding:0 40px;border-top:1px solid #ebe7e2;"></td></tr>
      <tr><td class="gutter" style="padding:20px 40px 30px 40px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Northlight Print Co., Unit 4 Wharf Road, Leeds LS10 1JQ<br>
        <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">सदस्यता छोड़ें</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ब्राउज़र में देखें</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

आपकी थीम के अनुसार चलता है — दूसरी देखने के लिए ऊपर से बदलिए।

The Brief का HTML पढ़िए 11 KB, बिना बिल्ड के

<!DOCTYPE html>
<html lang="hi" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Brief</title>
<style>
  body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
  table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
  img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
  a { text-decoration:underline; }
  @media only screen and (max-width:620px) {
    .wrap { width:100% !important; }
    .stack { display:block !important; width:100% !important; max-width:100% !important; }
    .gutter { padding-left:20px !important; padding-right:20px !important; }
    .cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
    .h1 { font-size:26px !important; line-height:32px !important; }
    .thumb { width:100% !important; height:auto !important; max-width:100% !important; }
    /* A digest row is the one two-column layout that should NOT stack: the
       thumbnail shrinks and stays beside the headline, because a roundup is
       read by scanning and a full-width decorative image per story destroys
       that. */
    .row-thumb { width:80px !important; }
    .row-thumb img { width:80px !important; height:80px !important; }
    .hide-sm { display:none !important; }
  }
@media (prefers-color-scheme: dark) {

    .d-bg { background-color:#121212 !important; }
    .d-card { background-color:#1a1a1a !important; }
    .d-ink { color:#f2f2f2 !important; }
    .d-mute { color:#a6a6a6 !important; }
    .d-rule { border-color:#333333 !important; }
    .d-tile { background-color:#232323 !important; }
    .d-track { background-color:#2c2c2c !important; }
  }
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f1f0f4;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">उत्तर दर 4 अंक बढ़ी है और हमें अब भी कारण नहीं पता। सबसे अच्छा अनुमान भीतर है।</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f1f0f4;">
  <tr><td align="center" style="padding:26px 12px;">
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">

      <tr><td style="padding:0;background:#141414;border-radius:6px 6px 0 0;">
        <img src="/_astro/brief-band.CsaAK-Uv.png" width="600" height="150" alt="Ledger Weekly का शीर्ष: लगभग काले पर बैंगनी चापें" style="width:100%;height:auto;max-width:600px;border-radius:6px 6px 0 0;">
      </td></tr>

      <tr><td class="gutter" style="padding:26px 32px 18px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <p style="margin:0 0 4px 0;font-size:12px;line-height:16px;color:#8f83ff;">Ledger Weekly · सप्ताह 35</p>
        <h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">उत्तर दर हिली और किसी ने कुछ जारी नहीं किया</h1>
      </td></tr>

      <tr><td class="gutter" style="padding:0 26px 8px 26px;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>

          <td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
              <tr><td style="padding:18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
                <p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">31.4%</p>
                <p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">खुलने की दर</p>
                <p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">&#9650; 1.2 अंक</p>
              </td></tr>
            </table>
          </td>

          <td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
              <tr><td style="padding:18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
                <p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">8.9%</p>
                <p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">क्लिक दर</p>
                <p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">&#9660; 0.4 अंक</p>
              </td></tr>
            </table>
          </td>

          <td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
              <tr><td style="padding:18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
                <p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">6.1%</p>
                <p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">उत्तर दर</p>
                <p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">&#9650; 4.0 अंक</p>
              </td></tr>
            </table>
          </td>
        </tr></table>
      </td></tr>

      <tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <p class="d-ink" style="margin:0 0 18px 0;font-size:16px;line-height:26px;color:#242424;">भेजने में कुछ नहीं बदला। वही सूची, वही गुरुवार, वही टेम्पलेट। इकलौता चर जो हमें मिला: विषय पंक्ति ने ग्यारह अंकों में पहली बार सवाल पूछा।</p>
        <p class="d-mute" style="margin:0 0 10px 0;font-size:12px;line-height:16px;color:#6b6b6b;">खंड के अनुसार उत्तर</p>
      </td></tr>

      <tr><td class="gutter" style="padding:0 32px 22px 32px;">
        <table role="presentation" class="chart" width="100%" cellpadding="0" cellspacing="0" border="0">

          <tr>
            <td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:15px;line-height:20px;color:#242424;">सशुल्क ग्राहक</td>
            <td valign="middle" style="padding:7px 0;">
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
                <tr><td width="100%" style="width:100%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</td></tr>
              </table>
            </td>
            <td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">11.2%</td>
          </tr>

          <tr>
            <td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:15px;line-height:20px;color:#242424;">निःशुल्क, 90 दिन सक्रिय</td>
            <td valign="middle" style="padding:7px 0;">
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
                <tr><td width="57%" style="width:57%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</td></tr>
              </table>
            </td>
            <td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">6.4%</td>
          </tr>

          <tr>
            <td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:15px;line-height:20px;color:#242424;">निःशुल्क, निष्क्रिय</td>
            <td valign="middle" style="padding:7px 0;">
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
                <tr><td width="16%" style="width:16%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</td></tr>
              </table>
            </td>
            <td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">1.8%</td>
          </tr>

          <tr>
            <td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:15px;line-height:20px;color:#242424;">परीक्षण</td>
            <td valign="middle" style="padding:7px 0;">
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
                <tr><td width="44%" style="width:44%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</td></tr>
              </table>
            </td>
            <td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">4.9%</td>
          </tr>
        </table>
      </td></tr>

      <tr><td class="gutter" style="padding:0 32px 28px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#141414" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#141414;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">पूरा विश्लेषण पढ़िए</a>
<!--[if mso]></td></tr></table><![endif]-->
      </td></tr>

      <tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #e9e7ee;"></td></tr>
      <tr><td class="gutter" style="padding:20px 32px 28px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
        <p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Ledger Weekly, 2 Cathedral Square, Edinburgh EH1 2QN<br>
        <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">सदस्यता छोड़ें</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ब्राउज़र में देखें</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

मुफ़्त न्यूज़लेटर टेम्प्लेट स्रोत

1. Brevo (अनुशंसित)

Brevo का मुफ़्त प्लान ड्रैग-एंड-ड्रॉप एडिटर में 40+ रेस्पॉन्सिव न्यूज़लेटर टेम्प्लेट्स शामिल करता है। श्रेणियों में शामिल हैं:

वेलकम ईमेल
प्रोडक्ट घोषणाएं
साप्ताहिक डाइजेस्ट
इवेंट आमंत्रण
मौसमी कैम्पेन

फ़ायदे: मुफ़्त, रेस्पॉन्सिव, कस्टमाइज़ करना आसान, HTML नहीं चाहिए शुरू करें: मुफ़्त Brevo अकाउंट बनाएं

2. Canva

Canva ईमेल-अनुकूल टेम्प्लेट्स पेश करता है जिन्हें आप उसके डिज़ाइन टूल से कस्टमाइज़ कर सकते हैं।

3. Stripo

Stripo 1,100+ मुफ़्त रेस्पॉन्सिव ईमेल टेम्प्लेट्स प्रदान करता है जो किसी भी ESP में एक्सपोर्ट होते हैं।

4. BEEFree

BEE पेशेवर डिज़ाइनों के साथ एक मुफ़्त टेम्प्लेट एडिटर पेश करता है।

मुफ़्त टेम्प्लेट स्रोत तुलना

स्रोत	मुफ़्त टेम्प्लेट्स	नो-कोड एडिटर	किसी भी ESP पर एक्सपोर्ट	किसके लिए बेहतरीन
Brevo	40+ रेस्पॉन्सिव	हां	नेटिव (बिल्ट इन)	अंत-से-अंत तक कैम्पेन भेजना
Canva	कई डिज़ाइन	हां	मैनुअल एक्सपोर्ट	विज़ुअल-फ़र्स्ट मार्केटर्स
Stripo	1,100+	हां	हां	विविधता और ESP लचीलापन
BEEFree	बड़ी लाइब्रेरी	हां	हां	स्टैंडअलोन टेम्प्लेट डिज़ाइन

अगर आप एक ही जगह डिज़ाइन, पर्सनलाइज़, और भेजना चाहते हैं, तो Brevo सबसे सीधा रास्ता है। अगर आपको केवल डिज़ाइन फ़ाइलें चाहिए जिन्हें किसी अन्य टूल में डालें, तो Stripo और BEEFree के पास सबसे व्यापक लाइब्रेरियां हैं।

न्यूज़लेटर टेम्प्लेट बेस्ट प्रैक्टिसेज़

डिज़ाइन

ईमेल क्लाइंट संगतता के लिए अधिकतम 600px चौड़ाई का उपयोग करें
बॉडी टेक्स्ट के लिए फ़ॉन्ट साइज़ 14-16px रखें
टेक्स्ट लिंक नहीं बटन CTAs का उपयोग करें (44x44px न्यूनतम टैप टार्गेट)
अपने ब्रांड पैलेट से 2-3 रंगों तक सीमित रखें
फ़ॉलबैक के साथ वेब-सेफ़ फ़ॉन्ट (Arial, Georgia, Verdana) का उपयोग करें

कंटेंट लेआउट

इनवर्टेड पिरामिड: सबसे ज़रूरी कंटेंट पहले
F-pattern स्कैनिंग: मुख्य जानकारी बाईं ओर
व्हाइट स्पेस: कंटेंट को भरें नहीं, उसे सांस लेने दें
छवि-से-टेक्स्ट अनुपात: 40% छवियां, 60% टेक्स्ट (डिलिवरेबिलिटी के लिए)

तकनीकी

छवियों के लिए हमेशा alt टेक्स्ट शामिल करें
क्लाइंट्स में टेस्ट करें: Gmail, Outlook, Apple Mail, Yahoo
तेज़ लोडिंग के लिए कुल ईमेल साइज़ 100KB से कम रखें
सुसंगत रेंडरिंग के लिए इनलाइन CSS का उपयोग करें

प्रकार के अनुसार न्यूज़लेटर टेम्प्लेट्स

1. वेलकम न्यूज़लेटर टेम्प्लेट

उद्देश्य: बेहतरीन पहला प्रभाव बनाना मुख्य तत्व: ब्रांड परिचय, वैल्यू प्रोपोज़िशन, क्या उम्मीद करें, क्विक-विन CTA

2. साप्ताहिक डाइजेस्ट टेम्प्लेट

उद्देश्य: नियमित कंटेंट राउंडअप मुख्य तत्व: क्यूरेटेड सेक्शन, संक्षिप्त सारांश, और पढ़ें लिंक

3. प्रोडक्ट घोषणा टेम्प्लेट

उद्देश्य: नए प्रोडक्ट/फ़ीचर लॉन्च करना मुख्य तत्व: प्रोडक्ट इमेज, मुख्य लाभ, क़ीमत, ख़रीदें CTA

4. प्रमोशनल टेम्प्लेट

उद्देश्य: ऑफ़र्स से सेल्स बढ़ाना मुख्य तत्व: डिस्काउंट कोड, प्रोडक्ट छवियां, अर्जेंसी तत्व, शॉप CTA

5. एजुकेशनल टेम्प्लेट

उद्देश्य: वैल्यू देना और भरोसा बनाना मुख्य तत्व: टिप्स या हाउ-टू कंटेंट, साफ़ लेआउट, हल्का CTA

Brevo में अपना न्यूज़लेटर बनाना

Brevo के मुफ़्त प्लान के लिए साइन अप करें
लाइब्रेरी से एक टेम्प्लेट चुनें या शुरू से शुरू करें
ड्रैग-एंड-ड्रॉप से कस्टमाइज़ करें: लोगो, रंग, कंटेंट ब्लॉक जोड़ें
डेस्कटॉप और मोबाइल पर प्रीव्यू करें
ख़ुद को और सहकर्मियों को भेजकर टेस्ट करें
शेड्यूल करें या तुरंत भेजें

Brevo का एडिटर आपके कस्टम टेम्प्लेट्स को दोबारा इस्तेमाल के लिए सेव करता है, और आप अपनी टीम के लिए ब्रांडेड टेम्प्लेट लाइब्रेरियां बना सकते हैं।

अधिक एंगेजमेंट के लिए टिप्स

सेगमेंट्स के आधार पर ग्रीटिंग और कंटेंट को पर्सनलाइज़ करें
अलग-अलग लेआउट का A/B टेस्ट करें यह देखने के लिए कि क्या काम करता है (A/B टेस्टिंग गाइड)
इसे स्कैन करने योग्य रखें, पाठक प्रति ईमेल औसतन 11 सेकंड बिताते हैं
एक प्राथमिक CTA, पाठकों को बहुत सारे विकल्प न दें
सुसंगत शेड्यूल, पाठकों को अपने ईमेल की उम्मीद करने और उन्हें खोलने के लिए प्रशिक्षित करें

टेम्प्लेट्स को कस्टमर डेटा से जोड़ना

एक पॉलिश किया गया टेम्प्लेट उतना ही अच्छा होता है जितनी ऑडियंस जिस तक पहुंचता है। जो टीमें न्यूज़लेटर से सबसे ज़्यादा हासिल करती हैं वे अपने स्टोर डेटा को अपने ईमेल टूल से कनेक्ट करती हैं ताकि हर सेंड टार्गेटेड हो, जेनेरिक नहीं। Tajo Shopify कस्टमर, प्रोडक्ट, और ऑर्डर डेटा को Brevo में सिंक करता है, ताकि वही टेम्प्लेट प्रति सेगमेंट पर्सनलाइज़ हो सके: नए सब्सक्राइबर्स के लिए वेलकम लेआउट, उस श्रेणी के पिछले ख़रीदारों के लिए प्रोडक्ट घोषणा, या निष्क्रिय कस्टमर्स के लिए विन-बैक ऑफ़र। टेम्प्लेट सुसंगत रहता है; कंटेंट और ऑडियंस स्वचालित रूप से अनुकूलित होते हैं।

अगले क़दम

Brevo के मुफ़्त प्लान से शुरू करें और उनकी टेम्प्लेट लाइब्रेरी देखें
उन्नत टिप्स के लिए हमारी न्यूज़लेटर डिज़ाइन गाइड पढ़ें
प्रेरणा के लिए न्यूज़लेटर उदाहरण देखें
अपना पहला ईमेल कैम्पेन सेट करें

अक्सर पूछे जाने वाले प्रश्न

मुझे मुफ़्त न्यूज़लेटर टेम्प्लेट्स कहां मिल सकते हैं?

Brevo अपने ड्रैग-एंड-ड्रॉप ईमेल एडिटर में दर्जनों मुफ़्त, रेस्पॉन्सिव न्यूज़लेटर टेम्प्लेट्स शामिल करता है, डिज़ाइन कौशल की ज़रूरत नहीं। आप Canva, Stripo, और BEEFree जैसे प्लैटफ़ॉर्म पर भी मुफ़्त टेम्प्लेट्स पा सकते हैं।

एक अच्छे न्यूज़लेटर टेम्प्लेट को क्या बनाता है?

एक अच्छा न्यूज़लेटर टेम्प्लेट मोबाइल रेस्पॉन्सिव है, स्पष्ट विज़ुअल हायरार्की रखता है, आपके ब्रांड के रंग इस्तेमाल करता है, प्रमुख CTA शामिल करता है, जल्दी लोड होता है, और सभी ईमेल क्लाइंट्स (Gmail, Outlook, Apple Mail) पर काम करता है।

क्या न्यूज़लेटर टेम्प्लेट्स बनाने के लिए मुझे HTML कौशल चाहिए?

नहीं। Brevo जैसे आधुनिक ईमेल प्लैटफ़ॉर्म ड्रैग-एंड-ड्रॉप एडिटर पेश करते हैं जो बिना किसी कोडिंग के सुंदर, रेस्पॉन्सिव टेम्प्लेट्स बनाते हैं। आप रंग, लेआउट, चित्र, और फ़ॉन्ट विज़ुअली कस्टमाइज़ कर सकते हैं।

मुझे कितनी बार न्यूज़लेटर भेजना चाहिए?

एक ताल चुनें जिसे आप सुसंगत रूप से बनाए रख सकें। एक अनुमान योग्य साप्ताहिक या मासिक शेड्यूल पाठकों को आपके ईमेल की उम्मीद करने और उन्हें खोलने के लिए प्रशिक्षित करता है, जो कच्ची फ़्रीक्वेंसी से ज़्यादा मायने रखता है।

यह लेख साझा करें:

सभी लेखों पर वापस जाएँ

business-tools

CRM के साथ ईमेल मार्केटिंग: आपको दोनों की आवश्यकता क्यों है (और उन्हें कैसे जोड़ें)

1 मई 2026

email-marketing

शुरुआती लोगों के लिए ईमेल मार्केटिंग: पूर्ण चरण-दर-चरण गाइड (2026)

1 मई 2026

न्यूज़लेटर टेम्प्लेट्स: मुफ़्त डाउनलोड, डिज़ाइन टिप्स और बेहतरीन उदाहरण (2026)

एक बेहतरीन न्यूज़लेटर टेम्प्लेट को क्या बनाता है

आवश्यक तत्व

टेम्प्लेट संरचना

चार लेआउट, चलते हुए

मुफ़्त न्यूज़लेटर टेम्प्लेट स्रोत

1. Brevo (अनुशंसित)

2. Canva

3. Stripo

4. BEEFree

मुफ़्त टेम्प्लेट स्रोत तुलना

न्यूज़लेटर टेम्प्लेट बेस्ट प्रैक्टिसेज़

डिज़ाइन

कंटेंट लेआउट

तकनीकी

प्रकार के अनुसार न्यूज़लेटर टेम्प्लेट्स

1. वेलकम न्यूज़लेटर टेम्प्लेट

2. साप्ताहिक डाइजेस्ट टेम्प्लेट

3. प्रोडक्ट घोषणा टेम्प्लेट

4. प्रमोशनल टेम्प्लेट

5. एजुकेशनल टेम्प्लेट

Brevo में अपना न्यूज़लेटर बनाना

अधिक एंगेजमेंट के लिए टिप्स

टेम्प्लेट्स को कस्टमर डेटा से जोड़ना

अगले क़दम

अक्सर पूछे जाने वाले प्रश्न

अर्ली एक्सेस का अनुरोध करें

धन्यवाद. आपका अनुरोध मिल गया है.

संबंधित लेख

Brevo डेटा एक्सपोर्ट और माइग्रेशन: अपना डेटा अंदर या बाहर कैसे ले जाएं

GDPR और email मार्केटिंग: अनुपालन की व्यावहारिक गाइड

अनसब्सक्राइब पेज की बेस्ट प्रैक्टिस: वन-क्लिक ऑप्ट-आउट सही तरीक़े से

विन-बैक ईमेल कैम्पेन: 2026 में छूटे हुए ग्राहकों को कैसे वापस लाएं

CRM के साथ ईमेल मार्केटिंग: आपको दोनों की आवश्यकता क्यों है (और उन्हें कैसे जोड़ें)

शुरुआती लोगों के लिए ईमेल मार्केटिंग: पूर्ण चरण-दर-चरण गाइड (2026)