اس صفحہ پر
خالی کینوس سے نیوزلیٹر شروع کرنا ڈراؤنا ہے۔ آپ خالی ایڈیٹر کو گھورتے ہیں، سوچتے ہیں کہ مواد کو کیسے ترتیب دیں، کون سا لے آؤٹ استعمال کریں اور ڈیزائن پر گھنٹے خرچ کیے بغیر اسے پیشہ ورانہ کیسے بنائیں۔
نیوزلیٹر ٹیمپلیٹس اس مسئلے کو حل کرتے ہیں۔ یہ ایک ثابت شدہ ساخت اور پیشہ ورانہ ڈیزائن فراہم کرتے ہیں جنہیں آپ اپنے مواد، برانڈنگ اور تصاویر کے ساتھ تبدیل کر سکتے ہیں۔ بہترین ٹیمپلیٹس موبائل ریسپانسیو، ای میل کلائنٹس میں مطابقت پذیر اور تبادلے کو ذہن میں رکھ کر ڈیزائن کیے جاتے ہیں۔
یہ گائیڈ صنعت اور استعمال کی صورت حال کے مطابق منظم 15 مفت نیوزلیٹر ٹیمپلیٹ ڈیزائنز کا احاطہ کرتی ہے۔ ہر ٹیمپلیٹ کی قسم کے لیے ہم ڈیزائن کے اصول، تجویز کردہ مواد کی ساخت اور تبدیلی کے نکات بیان کرتے ہیں۔
نیوزلیٹر ٹیمپلیٹ کیا موثر بناتا ہے
مخصوص ٹیمپلیٹس میں جانے سے پہلے، یہ سمجھنا ضروری ہے کہ اچھے ٹیمپلیٹ کو بہترین سے کیا الگ کرتا ہے۔
تکنیکی ضروریات
| ضرورت | کیوں اہمیت رکھتی ہے |
|---|---|
| موبائل ریسپانسیو | 60%+ ای میلز موبائل ڈیوائسز پر کھلی جاتی ہیں |
| کراس کلائنٹ مطابقت | Gmail، Outlook، Apple Mail وغیرہ میں صحیح رینڈر ہوتی ہے |
| تیز لوڈنگ | کل تصاویر 1MB سے کم؛ ٹیمپلیٹ 100KB سے کم |
| ڈارک موڈ سپورٹ | ای میل کلائنٹس میں بڑھتا اپنانا |
| رسائی | اسکرین ریڈر مطابقت پذیر، کافی کنٹراسٹ |
| ویب سیف فونٹس | پلیٹ فارمز میں مستقل رینڈرنگ |
ڈیزائن کے اصول
بصری درجہ بندی۔ سب سے اہم مواد سب سے نمایاں ہونا چاہیے۔ قاری کی آنکھ کو اوپر سے نیچے رہنمائی دینے کے لیے سائز، رنگ اور پوزیشننگ استعمال کریں۔
اسکین کرنے کے قابل لے آؤٹ۔ زیادہ تر ای میل وصول کنندگان پڑھنے کی بجائے اسکین کرتے ہیں۔ مواد کو قابل ہضم بنانے کے لیے ہیڈرز، بلٹ پوائنٹس، مختصر پیراگراف اور واضح سیکشن بریکس استعمال کریں۔
مستقل برانڈنگ۔ آپ کا نیوزلیٹر فوری طور پر پہچانا جانے والا ہونا چاہیے۔ ہر شمارے میں اپنے برانڈ رنگ، لوگو اور ٹائپوگرافی مستقل طور پر استعمال کریں۔
موبائل پر سنگل کالم۔ ملٹی کالم لے آؤٹس موبائل ڈیوائسز پر ٹوٹ سکتے ہیں۔ سنگل کالم لے آؤٹ استعمال کریں یا یقینی بنائیں کہ ملٹی کالم سیکشنز چھوٹی اسکرینوں پر صاف طور پر اسٹیک ہوں۔
چار خاکے، چلتے ہوئے
نیچے کا ہر پینل سانچے کا اصل ای میل HTML ہے، حقیقی چوڑائی والے فریم میں۔ چوڑائی کو ۳۷۵ پکسل تک لائیے اور دیکھیے کہ کالم کیسے ایک دوسرے کے نیچے آتے ہیں۔
آپ کی تھیم کے ساتھ چلتا ہے — دوسری دیکھنے کے لیے اوپر سے بدلیے۔
The Letter کا HTML پڑھیے
<!DOCTYPE html>
<html lang="ur" dir="rtl">
<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;"> ͏ ͏ ͏ ͏ ͏</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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Meridian Press · شمارہ ۴۷</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:'Jameel Noori Nastaleeq',Tahoma,'Segoe UI',Arial,sans-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;">تین ہفتے پہلے میں نے ۲۰۱۹ میں لکھا ہوا ایک متن ڈھونڈا اور نہ ملا۔ نہ سائٹ پر، نہ برآمد شدہ فائل میں، نہ خود پلیٹ فارم کی تلاش میں۔ بارہ سو شمارے، اور کام کرنے والی واحد فہرست میری یادداشت تھی۔</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-right:3px solid #0084d1;padding:4px 0 4px 0;padding-right:20px;font-family:'Jameel Noori Nastaleeq',Tahoma,'Segoe UI',Arial,sans-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:'Jameel Noori Nastaleeq',Tahoma,'Segoe UI',Arial,sans-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:Tahoma,'Segoe UI',Arial,sans-serif;">
<a href="https://example.com" style="font-size:17px;line-height:24px;font-weight:600;color:#0084d1;text-decoration:underline;">پورا شمارہ پڑھیے ←</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:Tahoma,'Segoe UI',Arial,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> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">براؤزر میں دیکھیں</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> آپ کی تھیم کے ساتھ چلتا ہے — دوسری دیکھنے کے لیے اوپر سے بدلیے۔
The Digest کا HTML پڑھیے
<!DOCTYPE html>
<html lang="ur" dir="rtl">
<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;"> ͏ ͏ ͏ ͏ ͏</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:Tahoma,'Segoe UI',Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:Tahoma,'Segoe UI',Arial,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;">۲۶ اگست ۲۰۲۶ · ۶ موضوعات · ۹ منٹ</p>
</td>
<td valign="middle" align="left" class="hide-sm">
<span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">شمارہ ۲۱۲</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;"> </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-left: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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">01 · قیمتوں کا تعین</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;"> </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-left: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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">02 · ترسیل کی صلاحیت</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;"> </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-left: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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">03 · ہنر</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;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:24px 32px 34px 32px;font-family:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ترجیحات سنبھالیں</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">براؤزر میں دیکھیں</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> آپ کی تھیم کے ساتھ چلتا ہے — دوسری دیکھنے کے لیے اوپر سے بدلیے۔
The Storefront کا HTML پڑھیے
<!DOCTYPE html>
<html lang="ur" dir="rtl">
<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;">چار نئے پرنٹ۔ بندرگاہ والا ۴۰ نسخوں میں ہے اور ہفتہ نہیں نکالے گا۔</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</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:Tahoma,'Segoe UI',Arial,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="left" class="d-mute hide-sm" style="font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:13px;line-height:20px;color:#6b6b6b;">خزاں کا اجرا · ۰۴</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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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 · سوتی کاغذ پر ژکلے</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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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 · سوتی کاغذ پر ژکلے</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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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 · سوتی کاغذ پر ژکلے</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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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 · سوتی کاغذ پر ژکلے</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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:15px;line-height:24px;color:#242424;"><strong>برطانیہ میں ۷۵ پاؤنڈ سے اوپر مفت ترسیل۔</strong> فریم کے اختیارات ادائیگی کے وقت۔ بغیر فریم والوں کی واپسی ۳۰ دن کے اندر۔</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:Tahoma,'Segoe UI',Arial,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> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">براؤزر میں دیکھیں</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> آپ کی تھیم کے ساتھ چلتا ہے — دوسری دیکھنے کے لیے اوپر سے بدلیے۔
The Brief کا HTML پڑھیے
<!DOCTYPE html>
<html lang="ur" dir="rtl">
<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;">جواب کی شرح ۴ نکات بڑھی ہے اور ہمیں اب بھی وجہ معلوم نہیں۔ بہترین اندازہ اندر ہے۔</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p style="margin:0 0 4px 0;font-size:12px;line-height:16px;color:#8f83ff;">Ledger Weekly · ہفتہ ۳۵</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:Tahoma,'Segoe UI',Arial,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;">▲ ۱٫۲ نکات</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:Tahoma,'Segoe UI',Arial,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;">▼ ۰٫۴ نکات</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:Tahoma,'Segoe UI',Arial,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;">▲ ۴٫۰ نکات</p>
</td></tr>
</table>
</td>
</tr></table>
</td></tr>
<tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:Tahoma,'Segoe UI',Arial,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-left:12px;font-family:Tahoma,'Segoe UI',Arial,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;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="left" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-right:12px;font-family:Tahoma,'Segoe UI',Arial,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-left:12px;font-family:Tahoma,'Segoe UI',Arial,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="57%" style="width:57%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="left" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-right:12px;font-family:Tahoma,'Segoe UI',Arial,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-left:12px;font-family:Tahoma,'Segoe UI',Arial,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;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="left" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-right:12px;font-family:Tahoma,'Segoe UI',Arial,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-left:12px;font-family:Tahoma,'Segoe UI',Arial,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;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="left" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-right:12px;font-family:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">براؤزر میں دیکھیں</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> 15 مفت نیوزلیٹر ٹیمپلیٹ ڈیزائنز
1. کلاسک کمپنی اپڈیٹ
بہترین برائے: B2B کمپنیاں، ایجنسیز، پیشہ ورانہ خدمات
یہ ٹیمپلیٹ ایک سیدھی ساخت پر عمل کرتا ہے:
- کمپنی لوگو اور ہیڈر
- مختصر ادارتی تعارف (2-3 جملے)
- سرخی، مختصر تفصیلات اور CTAs کے ساتھ 3-4 مواد بلاکس
- سوشل لنکس اور انس سبسکرائب کے ساتھ فوٹر
ڈیزائن نوٹس: کافی سفید جگہ کے ساتھ صاف، پیشہ ورانہ لے آؤٹ۔ ہیڈنگز اور CTA بٹنز کے لیے اپنے برانڈ کا بنیادی رنگ استعمال کریں۔ تصاویر کو ایک ہیرو تصویر اور مواد بلاکس کے لیے چھوٹے تھمب نیلز تک محدود رکھیں۔
مواد کی ساخت:
- ٹیم ممبر کی طرف سے ذاتی سلام
- نمایاں آرٹیکل یا اعلان
- 2-3 ثانوی مواد آئٹمز
- فوری لنکس یا وسائل سیکشن
- رابطہ معلومات کے ساتھ فوٹر
2. E-Commerce پروڈکٹ شوکیس
بہترین برائے: آن لائن اسٹورز، ریٹیل برانڈز، DTC کمپنیاں
فروخت بڑھانے کے لیے ڈیزائن کردہ پروڈکٹ مرکوز لے آؤٹ:
- نمایاں پروڈکٹ یا پروموشن کے ساتھ ہیرو بینر
- تصاویر، نام، قیمتوں اور شاپ بٹنز کے ساتھ پروڈکٹ گرڈ (2x2 یا 3x1)
- کسٹمر جائزہ یا تعریف سیکشن
- ثانوی پروموشن یا نئی آمد
ڈیزائن نوٹس: بڑی، اعلی معیار کی پروڈکٹ تصاویر ضروری ہیں۔ گرڈ لے آؤٹ استعمال کریں جو موبائل پر سنگل کالم میں اسٹیک ہو۔ قیمت اور CTA بٹنز فوری طور پر نظر آنے چاہئیں۔
Tajo کو Brevo کے ساتھ استعمال کرنے والے e-commerce برانڈز کے لیے، یہ ٹیمپلیٹس ہر سبسکرائبر کی براؤزنگ اور خریداری تاریخ کی بنیاد پر ذاتی پروڈکٹ سفارشات کے ساتھ متحرک طور پر بھرے جا سکتے ہیں۔ ذاتی نوعیت کی حکمت عملیوں کے لیے e-commerce ای میل مارکیٹنگ پر ہماری گائیڈ دیکھیں۔
3. مواد کا خلاصہ
بہترین برائے: میڈیا کمپنیاں، مواد تخلیق کار، اشاعتیں
متعدد آرٹیکلز دکھانے کے لیے ڈیزائن کردہ مواد بھاری ٹیمپلیٹ:
- بڑی تصویر اور اقتباس کے ساتھ نمایاں آرٹیکل
- عنوانات اور ایک لائن خلاصوں کے ساتھ 5-8 اضافی آرٹیکلز کی فہرست
- ہر آرٹیکل کے لیے زمرہ لیبلز
- “سب سے مقبول” یا “ایڈیٹر کی پسند” کال آؤٹ
ڈیزائن نوٹس: صاف ٹائپوگرافی اور فراخدلانہ لائن اسپیسنگ کے ساتھ پڑھنے کی اہلیت کو ترجیح دیں۔ ہر آرٹیکل اندراج کے لیے مستقل فارمیٹنگ استعمال کریں تاکہ قارئین خلاصہ جلدی اسکین کر سکیں۔
4. ذاتی نیوزلیٹر
بہترین برائے: سولوپرینرز، سوچ کے رہنما، مشیر
ایک کم سے کم، ٹیکسٹ مرکوز ٹیمپلیٹ جو ذاتی خط جیسا محسوس ہوتا ہے:
- مصنف کی تصویر اور نام
- طویل تحریری مواد (500-800 الفاظ)
- کم سے کم تصاویر اور ڈیزائن عناصر
- اسٹائل شدہ بٹنز کی بجائے سادہ ٹیکسٹ لنکس
- ذاتی دستخط
ڈیزائن نوٹس: یہ ٹیمپلیٹ سادگی کے ذریعے کامیاب ہوتا ہے۔ سنگل کالم لے آؤٹ، معیاری فونٹس اور کم سے کم اسٹائلنگ استعمال کریں۔ مقصد یہ ہے کہ مارکیٹنگ مواصلت کی بجائے ذاتی ای میل جیسا محسوس ہو۔
5. SaaS پروڈکٹ اپڈیٹ
بہترین برائے: سافٹ ویئر کمپنیاں، ٹیک اسٹارٹ اپس، ڈویلپر ٹولز
پروڈکٹ اپڈیٹس بتانے کے لیے خصوصیت مرکوز لے آؤٹ:
- ورژن نمبر یا اپڈیٹ عنوان ہیڈر
- اسکرین شاٹ یا GIF کے ساتھ خصوصیت کی جھلک
- بہتریوں اور اصلاحات کی بلیٹڈ فہرست
- “آگے کیا آ رہا ہے” ٹیزر
- نئی خصوصیات آزمانے کے لیے CTA
ڈیزائن نوٹس: بتانے کی بجائے دکھانے کے لیے پروڈکٹ اسکرین شاٹس یا انٹرفیس تصاویر شامل کریں۔ صاف، جدید ڈیزائن استعمال کریں جو آپ کے سافٹ ویئر کی جمالیاتی کیفیت کی عکاسی کرے۔
6. ایونٹ دعوت نامہ
بہترین برائے: ایونٹ منتظمین، کانفرنسز، ویبینار میزبان
رجسٹریشن بڑھانے پر مرکوز ایک واحد مقصد کا ٹیمپلیٹ:
- ایونٹ کا نام اور بصری برانڈنگ
- تاریخ، وقت اور مقام (یا ورچوئل پلیٹ فارم)
- تصاویر اور سوانح کے ساتھ اسپیکر جھلکیاں
- ایجنڈا کا جائزہ
- نمایاں رجسٹریشن CTA
- ارلی برڈ قیمتیں یا محدود نشستوں کی فوریت
ڈیزائن نوٹس: CTA بٹن کم از کم دو بار ظاہر ہونا چاہیے — ایک بار فولڈ کے اوپر اور ایک بار تفصیلات کے بعد۔ مناسب ہونے پر کاؤنٹ ڈاؤن عناصر یا فوریت کی زبان استعمال کریں۔
7. ہفتہ وار راؤنڈ اپ
بہترین برائے: صنعتی نیوزلیٹرز، منتخب مواد پبلشرز
ویب سے مواد منتخب کرنے کے لیے منظم ٹیمپلیٹ:
- ایڈیٹر کا نوٹ (2-3 جملے)
- ماخذ نسب، عنوان اور مختصر تبصرے کے ساتھ 5-10 منتخب لنکس
- نمبردار یا زمرہ بند سیکشنز
- اگر منیٹائزڈ ہو تو “اسپانسر” یا “نمایاں” سیکشن
- قاری پول یا فیڈ بیک درخواست
ڈیزائن نوٹس: ہر منتخب آئٹم کے لیے واضح نمبرنگ اور مستقل فارمیٹنگ قارئین کو نیویگیٹ کرنے میں مدد کرتی ہے۔ سیکشنز الگ کرنے کے لیے ہلکی بارڈرز یا پس منظر کے رنگ استعمال کریں۔
8. غیر منافع بخش اثرات کی رپورٹ
بہترین برائے: خیراتی ادارے، NGOs، سوشل انٹرپرائزز
اثرات کی کہانیاں شیئر کرنے اور عطیات بڑھانے کے لیے ڈیزائن کردہ ٹیمپلیٹ:
- اثر کی اعداد و شمار سرخی (“ہم نے اس مہینے 1,000 خاندانوں کی مدد کی”)
- تصویر کے ساتھ کہانی (ایک استفادہ کنندہ یا منصوبہ)
- مہم کے ہدف کی طرف پیشرفت بار
- رضاکارانہ یا ایونٹ کے مواقع
- عطیات CTA بٹن
ڈیزائن نوٹس: فوٹوگرافی اور اصل کہانیوں کے ذریعے جذباتی اثر سے شروع کریں۔ ٹھوس نتائج دکھانے کے لیے ڈیٹا تصور (پیشرفت بارز، اعداد و شمار) استعمال کریں۔
9. موسمی پروموشن
بہترین برائے: ریٹیل، مہمان نوازی، موسمی کاروبار
تہوار اور موسمی مہمات کے لیے بصری طور پر بھرپور ٹیمپلیٹ:
- فل ویڈتھ موسمی ہیرو تصویر
- واضح شرائط کے ساتھ پروموشنل آفر
- منتخب پروڈکٹ سلیکشن یا گفٹ گائیڈ
- ڈیڈ لائن یا کاؤنٹ ڈاؤن عنصر
- پورے میں متعدد CTAs
ڈیزائن نوٹس: بولڈ رنگ اور موسمی تصاویر فوریت پیدا کرتے ہیں۔ یقینی بنائیں کہ پروموشنل آفر اسکرول کیے بغیر فوری طور پر واضح ہو۔ ٹیمپلیٹ کو اچھی طرح ٹیسٹ کریں، کیونکہ تصویر بھاری ای میلز کلائنٹس میں رینڈرنگ مسائل ہو سکتے ہیں۔
10. تعلیمی سیریز
بہترین برائے: آن لائن کورسز، کوچنگ کاروبار، تعلیمی ادارے
تعلیمی مواد فراہم کرنے کے لیے منظم ٹیمپلیٹ:
- سبق نمبر اور سیریز عنوان
- اہم نکتہ یا سیکھنے کا مقصد
- واضح سیکشنز کے ساتھ مرکزی مواد
- مشق ورزش یا عملی قدم
- پیشرفت اشارہ (سبق 3 از 8)
- اگلے سبق یا متعلقہ وسائل کا CTA
ڈیزائن نوٹس: سیریز کے تمام اسباق میں مستقل ساخت استعمال کریں تاکہ سبسکرائبرز جانیں کیا توقع رکھنی ہے۔ تکمیل کی ترغیب کے لیے پیشرفت اشارہ شامل کریں۔
11. رئیل اسٹیٹ لسٹنگ
بہترین برائے: رئیل اسٹیٹ ایجنٹس، پراپرٹی مینجمنٹ کمپنیاں**
بھرپور بصری عناصر کے ساتھ پراپرٹی مرکوز ٹیمپلیٹ:
- بڑی فوٹو گیلری کے ساتھ نمایاں لسٹنگ
- پراپرٹی تفصیلات (قیمت، کمرے، باتھ روم، مربع فٹیج)
- گرڈ فارمیٹ میں 3-4 اضافی لسٹنگز
- مارکیٹ اپڈیٹ یا محلے کی جھلک
- تصویر کے ساتھ ایجنٹ کی رابطہ معلومات
ڈیزائن نوٹس: اعلی معیار کی پراپرٹی فوٹوگرافی ضروری ہے۔ اہم تفصیلات (قیمت، سائز، مقام) کلک کیے بغیر فوری طور پر نظر آنی چاہئیں۔
12. ریستوران یا فوڈ کاروبار
بہترین برائے: ریستوران، فوڈ ڈیلیوری، کیٹرنگ کمپنیاں
بصری طور پر لذیذ ٹیمپلیٹ:
- نمایاں ڈش یا مینو آئٹم کی ہیرو تصویر
- ہفتہ وار اسپیشلز یا نئے مینو آئٹمز
- ریزرویشن یا آرڈر CTA
- کسٹمر جائزے کی جھلک
- مقام اور اوقات کی معلومات
ڈیزائن نوٹس: فوڈ فوٹوگرافی پیشہ ورانہ اور دل لبھانے والی ہونی چاہیے۔ گرم رنگ اور فراخدلانہ فاصلہ استعمال کریں۔ بنیادی CTA (آرڈر، ریزرویشن، وزٹ) قابل نظرانداز نہیں ہونا چاہیے۔
13. فٹنس اور تندرستی
بہترین برائے: جم، ذاتی ٹرینرز، ویلنس برانڈز
حوصلہ افزائی اور عمل پر مرکوز توانا ٹیمپلیٹ:
- حوصلہ افزا ہیرو تصویر
- ہفتے کی ورزش یا تندرستی کا نکتہ
- کلاس شیڈول یا آنے والے ایونٹس
- ممبر جھلک یا تبدیلی کی کہانی
- بکنگ یا ممبرشپ CTA
ڈیزائن نوٹس: عمل پر مبنی فوٹوگرافی اور بولڈ ٹائپوگرافی استعمال کریں۔ لہجہ حوصلہ افزا رکھیں بغیر زبردستی کیے۔
14. ایجنسی پورٹ فولیو شوکیس
بہترین برائے: تخلیقی ایجنسیز، فری لانسرز، ڈیزائن اسٹوڈیوز
حالیہ کام دکھانے کے لیے پورٹ فولیو اسٹائل ٹیمپلیٹ:
- بڑے بصری اور مختصر کیس اسٹڈی کے ساتھ نمایاں منصوبہ
- گرڈ میں 2-3 اضافی حالیہ منصوبے
- کلائنٹ کی تعریف
- ٹیم یا ہائرنگ اپڈیٹس
- ممکنہ کلائنٹس کے لیے رابطہ CTA
ڈیزائن نوٹس: کام کو خود بولنے دیں بڑے، اعلی معیار کے بصری کے ساتھ۔ ٹیکسٹ کم سے کم رکھیں اور عمل کی تفصیلات کی بجائے نتائج اور حاصلات پر مرکوز کریں۔
15. کمیونٹی نیوزلیٹر
بہترین برائے: ممبرشپ تنظیمیں، آن لائن کمیونٹیز، مقامی کاروبار
مشغولیت کی حوصلہ افزائی کرنے والا کمیونٹی مرکوز ٹیمپلیٹ:
- کمیونٹی خبریں اور اعلانات
- ممبر جھلک یا انٹرویو
- آنے والے ایونٹس کیلنڈر
- بحث کی دعوت یا پول
- صارف تخلیق کردہ مواد سیکشن
- شمولیت/مشغول ہونے کا CTA
ڈیزائن نوٹس: کمیونٹی تعلق بنانے کے لیے ممبران کی تصاویر اور نام (اجازت سے) شامل کریں۔ گرم، شامل کرنے والا لہجہ استعمال کریں اور جوابات اور شرکت کی حوصلہ افزائی کریں۔
مفت نیوزلیٹر ٹیمپلیٹس کہاں سے ملتے ہیں
ای میل مارکیٹنگ پلیٹ فارمز
زیادہ تر ای میل مارکیٹنگ پلیٹ فارمز اپنے پلانز میں مفت ٹیمپلیٹس شامل کرتے ہیں:
| پلیٹ فارم | مفت ٹیمپلیٹس | تبدیلی کی سطح | مفت پلان دستیاب |
|---|---|---|---|
| Brevo | 60+ | ڈریگ اینڈ ڈراپ ایڈیٹر | ہاں |
| Mailchimp | 100+ | ڈریگ اینڈ ڈراپ ایڈیٹر | ہاں (محدود) |
| HubSpot | 45+ | ڈریگ اینڈ ڈراپ ایڈیٹر | ہاں |
| MailerLite | 80+ | ڈریگ اینڈ ڈراپ ایڈیٹر | ہاں |
| Constant Contact | 200+ | ڈریگ اینڈ ڈراپ ایڈیٹر | نہیں |
Brevo کی ٹیمپلیٹ لائبریری خاص طور پر e-commerce کاروباروں کے لیے موزوں ہے، جس میں پروڈکٹ اعلانات، آرڈر کنفرمیشن اور پروموشنل مہمات کے لیے ٹیمپلیٹس ہیں جو Tajo کے ذریعے آپ کے اسٹور ڈیٹا کے ساتھ ضم ہوتے ہیں۔
تھرڈ پارٹی ٹیمپلیٹ ذرائع
- Litmus Community: کراس کلائنٹ مطابقت ڈیٹا کے ساتھ مفت، ٹیسٹڈ ٹیمپلیٹس
- Really Good Emails: الہام کے لیے اصل نیوزلیٹر مثالوں کی منتخب گیلری
- Stripo: 1,500+ ڈیزائنز کے ساتھ مفت ای میل ٹیمپلیٹ بلڈر
- BeeFree: 200+ مفت ریسپانسیو ٹیمپلیٹس کے ساتھ ڈریگ اینڈ ڈراپ ایڈیٹر
- MJML: کوڈ کے ساتھ ریسپانسیو ای میل ٹیمپلیٹس بنانے کے لیے اوپن سورس فریم ورک
ٹیمپلیٹس کو اپنے برانڈ کے لیے تبدیل کرنا
ضروری تبدیلیاں
استعمال سے پہلے ہر ٹیمپلیٹ کو یہ ترامیم درکار ہیں:
- لوگو اور برانڈ رنگ: ڈیفالٹ برانڈنگ کو اپنی سے بدلیں
- ٹائپوگرافی: اپنے برانڈ فونٹس استعمال کریں (ویب سیف فال بیکس کے ساتھ)
- فوٹر معلومات: اپنے کاروباری تفصیلات اور قانونی ضروریات کے ساتھ اپ ڈیٹ کریں
- سوشل میڈیا لنکس: اپنے اصل پروفائلز شامل کریں
- انس سبسکرائب لنک: ہر مارکیٹنگ ای میل میں قانون کی ضرورت ہے
اعلی درجے کی تبدیلیاں
ایک بار جب آپ کسی ٹیمپلیٹ کے ساتھ آسانی محسوس کریں، ان بہتریوں پر غور کریں:
- متحرک مواد بلاکس: مختلف سبسکرائبر سیگمنٹس کو مختلف مواد دکھائیں
- ذاتی نوعیت کے ٹوکنز: سبسکرائبر نام، مقامات یا ترجیحات داخل کریں
- مشروط سیکشنز: سبسکرائبر صفات کی بنیاد پر سیکشنز دکھائیں یا چھپائیں
- انٹرایکٹو عناصر: پولز، سروے یا AMP سے چلنے والی انٹرایکٹویٹی شامل کریں
نیوزلیٹر ٹیمپلیٹ کے بہترین طریقے
بھیجنے سے پہلے ٹیسٹ کریں۔ کم از کم Gmail، Outlook، Apple Mail اور Yahoo کو ٹیسٹ ای میلز بھیجیں۔ جامع کراس کلائنٹ ٹیسٹنگ کے لیے Litmus یا Email on Acid جیسا ٹول استعمال کریں۔
تصاویر بہتر بنائیں۔ لوڈ ٹائم کم کرنے کے لیے تمام تصاویر کمپریس کریں۔ ہر تصویر کے لیے alt ٹیکسٹ شامل کریں اگر تصویریں ای میل کلائنٹ نے بلاک کر دی ہوں۔
فائل سائز کم رکھیں۔ کل ای میل سائز (HTML + تصاویر) HTML کے لیے 100KB اور کل مواد کے لیے 1MB سے کم رہنی چاہیے۔ بڑی ای میلز Gmail کے ذریعے کلپ یا سپیم فلٹرز کے ذریعے بلاک ہونے کا خطرہ رکھتی ہیں۔
مستقل مزاجی برقرار رکھیں۔ ہر نیوزلیٹر شمارے کے لیے یکساں ٹیمپلیٹ ساخت استعمال کریں۔ سبسکرائبرز آشنا لے آؤٹس کے گرد پڑھنے کی عادات تیار کرتے ہیں، اور مستقل مزاجی اعتماد بناتی ہے۔
سادہ ٹیکسٹ شامل کریں۔ ہمیشہ ایسے ای میل کلائنٹس کے لیے سادہ ٹیکسٹ متبادل فراہم کریں جو HTML رینڈر نہیں کرتے۔ زیادہ تر ای میل پلیٹ فارمز یہ خودکار طور پر تیار کرتے ہیں، لیکن پڑھنے کی اہلیت یقینی بنانے کے لیے اس کا جائزہ لیں۔
اپنی ای میل ڈیلیورایبلٹی باقاعدگی سے ٹیسٹ کریں۔ خوبصورت ٹیمپلیٹ بیکار ہے اگر یہ سپیم میں جاتا ہے۔ بھیجنے والے کی ساکھ اور توثیق (SPF، DKIM، DMARC) کو اپنی ڈیزائن کوششوں کے ساتھ مانیٹر کریں۔
شروع کرنا
ایک ایسا ٹیمپلیٹ چنیں جو آپ کی صنعت اور مواد کی اسٹائل سے ملے۔ کم سے کم تبدیلیوں سے شروع کریں — برانڈ رنگ، لوگو اور فوٹر — اور اپنا پہلا شمارہ بھیجیں۔ جیسے جیسے آپ اوپن ریٹس اور کلک ڈیٹا کے ذریعے سیکھتے ہیں کہ آپ کے سامعین کے ساتھ کیا گونجتا ہے، ڈیزائن اور مواد کی ساخت کو بہتر بنائیں۔
بہترین نیوزلیٹر ٹیمپلیٹ سب سے بصری طور پر متاثر کن نہیں ہے۔ یہ وہ ہے جسے آپ کے سامعین مستقل طور پر پڑھتے ہیں، باقاعدگی سے کلک کرتے ہیں اور وصول کرنے کا انتظار کرتے ہیں۔
اکثر پوچھے گئے سوالات
مفت نیوزلیٹر ٹیمپلیٹس کہاں سے ملتے ہیں؟
مفت نیوزلیٹر ٹیمپلیٹس Brevo، Mailchimp اور HubSpot جیسے ای میل مارکیٹنگ پلیٹ فارمز کے ذریعے، نیز Litmus Community، Email on Acid اور Really Good Emails جیسے ٹیمپلیٹ مارکیٹ پلیسز سے دستیاب ہیں۔ زیادہ تر پلیٹ فارمز 50+ مفت ٹیمپلیٹس پیش کرتے ہیں جنہیں آپ تبدیل کر سکتے ہیں۔
اچھا نیوزلیٹر ٹیمپلیٹ کیا بناتا ہے؟
اچھا نیوزلیٹر ٹیمپلیٹ موبائل ریسپانسیو ہوتا ہے، ای میل کلائنٹس میں صحیح رینڈر ہوتا ہے، واضح بصری درجہ بندی رکھتا ہے، ویب سیف فونٹس استعمال کرتا ہے اور مواد کے لیے اچھی طرح ساختہ سیکشنز رکھتا ہے۔ یہ بہتر تصاویر کے ساتھ تیزی سے لوڈ ہونا چاہیے اور ڈارک موڈ کو سپورٹ کرنا چاہیے۔
کیا میں مفت نیوزلیٹر ٹیمپلیٹس تجارتی مقاصد کے لیے استعمال کر سکتا ہوں؟
ہاں، ای میل مارکیٹنگ پلیٹ فارمز کے زیادہ تر مفت نیوزلیٹر ٹیمپلیٹس تجارتی استعمال کے لیے لائسنس یافتہ ہیں۔ تھرڈ پارٹی سائٹس کے ٹیمپلیٹس کے مختلف لائسنس ہو سکتے ہیں، اس لیے کاروباری مواصلات کے لیے استعمال کرنے سے پہلے شرائط چیک کریں۔