ایمیل
ایمیلها در برنامههایی خوانده میشوند که بیشترشان CSS امروزی، متغیر CSS و فونت وب را نمیپذیرند. برای همین قالبهای این صفحه با جدول ساخته شدهاند و رنگها و اندازهها مستقیم در خود HTML نوشته شدهاند. این مقدارها دستی تایپ نشدهاند: صفحه آنها را هنگام ساخت از توکنها میخواند، پس کد هر نمونه همیشه با توکنهای همین نسخه همخوان است.
برندبوک برای ایمیل فقط جملهٔ وعده در امضای ایمیل فروش را تعیین کرده است؛ بقیهٔ این صفحه پیشنهاد است تا تایید شود.
امضای ایمیل
Section titled “امضای ایمیل”امضای همهٔ کارکنان یک شکل دارد: نام، سمت و حوزه، لوگو، راههای تماس و جملهٔ وعدهٔ برند. بدون عکس، بدون بنر تبلیغاتی، بدون جملهٔ قصار.
|
مریم احمدی مشاور ارشد، استراتژی کسبوکار و آیندهنگری |
|
| ۰۹۱۲ ۳۴۵ ۶۷۸۹ · maryam@harmoniq.solutions · harmoniq.solutions |
| تا نتیجه، کنار شما. |
<table role="presentation" dir="rtl" cellpadding="0" cellspacing="0" border="0" style="font-family:Ravi, Tahoma, 'Segoe UI', Arial, sans-serif;color:#343a3f;font-size:14px;line-height:1.7;text-align:right"> <tr><td style="padding-bottom:8px"> <strong style="font-size:16px;color:#012749">مریم احمدی</strong><br /> <span style="color:#697077">مشاور ارشد، استراتژی کسبوکار و آیندهنگری</span> </td></tr> <tr><td style="padding:8px 0;border-top:1px solid #dde1e6"> <img src="https://design.harmoniq.solutions/dist/brand/logo/png/harmoniq-logo-primary@600w.png" width="150" alt="HarmoniQ" style="display:block;border:0;width:150px;height:auto" /> </td></tr> <tr><td style="color:#697077;font-size:12px"> <span dir="ltr">۰۹۱۲ ۳۴۵ ۶۷۸۹</span> · <a href="mailto:maryam@harmoniq.solutions" style="color:#0f62fe;text-decoration:none" dir="ltr">maryam@harmoniq.solutions</a> · <a href="https://harmoniq.solutions" style="color:#0f62fe;text-decoration:none" dir="ltr">harmoniq.solutions</a> </td></tr> <tr><td style="padding-top:8px;color:#012749;font-weight:700">تا نتیجه، کنار شما.</td></tr></table>نسخهٔ متنی
Section titled “نسخهٔ متنی”برای ایمیلهای متنی و پاسخهای کوتاه:
مریم احمدیمشاور ارشد، استراتژی کسبوکار و آیندهنگریهارمونیک | HarmoniQ۰۹۱۲ ۳۴۵ ۶۷۸۹ | maryam@harmoniq.solutions | harmoniq.solutionsتا نتیجه، کنار شما.قاعدهها
Section titled “قاعدهها”- نام کامل، سمت و حوزهٔ خدمت با نامهای واژهنامه.
- لوگو نسخهٔ PNG رنگی با پهنای نمایش ۱۵۰ پیکسل (بالاتر از کمینهٔ ۱۲۰ پیکسل لوگو). فایل از نشانی سایت بارگذاری میشود، نه پیوست.
- تماس: تلفن همراه، ایمیل و نشانی وب در یک خط؛ رقم فارسی، نشانیها چپبهراست.
- وعده: «تا نتیجه، کنار شما.» در پایان، طبق جملههای امضا.
- در پاسخهای پشت سر هم، فقط نام و سمت.
ایمیل اطلاعرسانی
Section titled “ایمیل اطلاعرسانی”ایمیلهایی که سامانه میفرستد: تایید درخواست، یادآوری جلسه، ارسال گزارش. یک پیام، یک دکمه.
|
<table role="presentation" dir="rtl" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f2f4f8" style="background:#f2f4f8;font-family:Ravi, Tahoma, 'Segoe UI', Arial, sans-serif"> <tr><td align="center" style="padding:32px 16px"> <span style="display:none;max-height:0;overflow:hidden;opacity:0">درخواست جلسهٔ اول ثبت شد؛ تا دو روز کاری تماس میگیریم.</span> <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;background:#ffffff;border:1px solid #dde1e6;border-radius:16px;text-align:right"> <tr><td style="padding:32px 32px 16px"><img src="https://design.harmoniq.solutions/dist/brand/logo/png/harmoniq-logo-primary@600w.png" width="150" alt="HarmoniQ" style="display:block;border:0;width:150px;height:auto" /></td></tr> <tr><td style="padding:16px 32px;color:#343a3f;font-size:16px;line-height:1.8"> <h1 style="margin:0 0 16px;font-size:24px;line-height:1.4;color:#012749">درخواست شما رسید</h1> <p style="margin:0 0 16px">سلام آقای رضایی،</p> <p style="margin:0 0 24px">درخواست جلسهٔ اول برای «استراتژی کسبوکار و آیندهنگری» ثبت شد. تا دو روز کاری برای هماهنگی زمان جلسه با شما تماس میگیریم.</p> <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#0f62fe" style="border-radius:8px"><a href="https://harmoniq.solutions" style="display:inline-block;padding:8px 24px;font-family:Ravi, Tahoma, 'Segoe UI', Arial, sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none">دیدن درخواست</a></td></tr></table> <p style="margin:24px 0 0;color:#697077;font-size:14px">اگر این درخواست را شما نفرستادهاید، به همین ایمیل پاسخ دهید.</p> </td></tr> <tr><td style="padding:24px 32px;border-top:1px solid #dde1e6;color:#697077;font-size:12px;line-height:1.8"> شرکت مشاورهٔ مدیریت هارمونیک · مستقر در تهران؛ به وسعت ایران؛ اثرگذار در منطقه.<br /> تهران، پاسداران، نبش نیستان نهم، پلاک ۳۰۲، طبقهٔ ۶ · <a href="mailto:hi@harmoniq.solutions" style="color:#0f62fe;text-decoration:none" dir="ltr">hi@harmoniq.solutions</a> </td></tr> </table> </td></tr></table>خبرنامه
Section titled “خبرنامه”ماهانه، با یک موضوع. سربرگ سرمهای با عنوانی که نتیجه یا ادعای شماره را میگوید، سه تا چهار مطلب، و دعوت برند در پایان.
|
<table role="presentation" dir="rtl" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f2f4f8" style="background:#f2f4f8;font-family:Ravi, Tahoma, 'Segoe UI', Arial, sans-serif"> <tr><td align="center" style="padding:32px 16px"> <span style="display:none;max-height:0;overflow:hidden;opacity:0">سه نوشتهٔ این ماه دربارهٔ اینکه پروژههای داده از کجا شروع شوند.</span> <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;background:#ffffff;border:1px solid #dde1e6;border-radius:16px;text-align:right"> <tr><td style="padding:32px 32px 16px"><img src="https://design.harmoniq.solutions/dist/brand/logo/png/harmoniq-logo-primary@600w.png" width="150" alt="HarmoniQ" style="display:block;border:0;width:150px;height:auto" /></td></tr> <tr><td bgcolor="#061727" style="background:#061727;padding:32px;color:#dde1e6"> <p style="margin:0;color:#33b1ff;font-size:12px;font-weight:700">خبرنامهٔ هارمونیک · آبان ۱۴۰۵</p> <h1 style="margin:8px 0;font-size:24px;line-height:1.4;color:#ffffff">داده زیاد است؛ تصمیم خوب کم</h1> <p style="margin:0;font-size:16px;line-height:1.8;color:#c1c7cd">سه نوشتهٔ این ماه دربارهٔ اینکه پروژههای داده از کجا شروع شوند.</p> </td></tr> <tr><td style="padding:16px 32px;border-top:1px solid #dde1e6"> <p style="margin:0;color:#0f62fe;font-size:12px;font-weight:700">داده و هوش مصنوعی</p> <h2 style="margin:8px 0;font-size:20px;line-height:1.5;color:#012749"><a href="https://harmoniq.solutions" style="color:#012749;text-decoration:none">بیشتر پروژههای هوش مصنوعی پیش از مدل شکست میخورند</a></h2> <p style="margin:0;color:#343a3f;font-size:16px;line-height:1.8">مساله کیفیت داده نیست؛ این است که کسی نپرسیده تصمیمی که قرار است بهتر شود، دقیقاً چیست.</p> </td></tr> <tr><td style="padding:16px 32px;border-top:1px solid #dde1e6"> <p style="margin:0;color:#0f62fe;font-size:12px;font-weight:700">ارزیابی و تشخیص</p> <h2 style="margin:8px 0;font-size:20px;line-height:1.5;color:#012749"><a href="https://harmoniq.solutions" style="color:#012749;text-decoration:none">سه پرسش پیش از هر پروژهٔ تحول</a></h2> <p style="margin:0;color:#343a3f;font-size:16px;line-height:1.8">یک چکلیست کوتاه برای جلسهٔ هیئتمدیره.</p> </td></tr> <tr><td style="padding:16px 32px;border-top:1px solid #dde1e6"> <p style="margin:0;color:#0f62fe;font-size:12px;font-weight:700">رویداد</p> <h2 style="margin:8px 0;font-size:20px;line-height:1.5;color:#012749"><a href="https://harmoniq.solutions" style="color:#012749;text-decoration:none">کارگاه نقشهٔ راه داده · ۲۰ آذر</a></h2> <p style="margin:0;color:#343a3f;font-size:16px;line-height:1.8">یک روز با تیم مدیریت شما؛ ظرفیت محدود.</p> </td></tr> <tr><td style="padding:24px 32px 32px;border-top:1px solid #dde1e6"> <p style="margin:0 0 16px;color:#012749;font-size:20px;font-weight:700">برای تحول آمادهاید؟</p> <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#0f62fe" style="border-radius:8px"><a href="https://harmoniq.solutions" style="display:inline-block;padding:8px 24px;font-family:Ravi, Tahoma, 'Segoe UI', Arial, sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none">درخواست جلسه</a></td></tr></table> </td></tr> <tr><td style="padding:0 32px 16px;color:#697077;font-size:12px">این خبرنامه را چون در سایت هارمونیک عضو شدهاید دریافت میکنید. <a href="#" style="color:#697077">لغو عضویت</a></td></tr> <tr><td style="padding:24px 32px;border-top:1px solid #dde1e6;color:#697077;font-size:12px;line-height:1.8"> شرکت مشاورهٔ مدیریت هارمونیک · مستقر در تهران؛ به وسعت ایران؛ اثرگذار در منطقه.<br /> تهران، پاسداران، نبش نیستان نهم، پلاک ۳۰۲، طبقهٔ ۶ · <a href="mailto:hi@harmoniq.solutions" style="color:#0f62fe;text-decoration:none" dir="ltr">hi@harmoniq.solutions</a> </td></tr> </table> </td></tr></table>قاعدههای فنی
Section titled “قاعدههای فنی”| مورد | قاعده |
|---|---|
| ساختار | جدول با role="presentation"؛ پهنای ۶۰۰ پیکسل که در موبایل جمع میشود |
| جهت | dir="rtl" روی جدول بیرونی و text-align:right روی جدولهای داخلی؛ ویژگیهای فیزیکی (padding-top، right) به جای منطقی، چون برنامههای ایمیل ویژگیهای منطقی را نمیشناسند |
| فونت | Ravi, Tahoma, 'Segoe UI', Arial؛ راوی فقط روی دستگاههایی که نصبش کردهاند دیده میشود |
| رنگ و اندازه | inline و از توکنها؛ سفید، surface-alt، brand-deep، ink، text، accent |
| تصویر | PNG با width و alt؛ فقط لوگو یا عکس واقعی، بدون متن داخل تصویر |
| پیشنمایش | یک خط پنهان در ابتدای ایمیل که در فهرست صندوق نمایش داده میشود |
| پانویس | نام شرکت، جملهٔ مکان، نشانی، ایمیل؛ در خبرنامه پیوند لغو عضویت |
| حالت تیره | زمینهٔ سفید و کارت روی surface-alt در حالت تیرهٔ برنامهها هم خوانا میماند؛ لوگوی رنگی روی زمینهٔ سفید کارت است |