깔끔한 회색 계열의 메일 템플릿, 간단한 안내 문구 발송에 추천
- 썬더메일 활용방안/메일 템플릿
- 2025. 7. 11.
어떠한 용도로 사용해도 잘 어울릴 것 같은 템플릿입니다.
상단 중앙에 로고 배치
본문에 내용
하단에 발송자 정보
이렇게 3단으로 구성된 메일 템플릿입니다.
아래 샘플은 뉴스레터를 구독했을 때 환영 메일 모습입니다.
PC에서 모습입니다.
모바일에서의 모습입니다.(구글 지메일 앱)
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!--[if mso]><xml><o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch><o:AllowPNG/>
</o:OfficeDocumentSettings></xml><![endif]--><!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<!--<![endif]-->
<style>
*{box-sizing:border-box}body{margin:0;padding:0}a[x-apple-data-detectors]{color:inherit!important;text-decoration:inherit!important}#MessageViewBody a{color:inherit;text-decoration:none}p{line-height:inherit}.desktop_hide,.desktop_hide table{mso-hide:all;display:none;max-height:0;overflow:hidden}@media (max-width:700px){.fullMobileWidth,.row-content{width:100%!important}.mobile_hide{display:none}.stack .column{width:100%;display:block}.mobile_hide{min-height:0;max-height:0;max-width:0;overflow:hidden;font-size:0}.desktop_hide,.desktop_hide table{display:table!important;max-height:none!important}.row-4 .column-1 .block-1.paragraph_block td.pad{padding:0 0 24px!important}.row-3 .column-1 .block-1.heading_block h1{text-align:left!important}.row-3 .column-1 .block-1.heading_block h1{font-size:32px!important}.row-1 .column-1 .block-1.image_block td.pad{padding:24px!important}.row-5 .column-1 .block-1.paragraph_block td.pad>div{text-align:center!important;font-size:12px!important}.row-4 .column-1 .block-3.paragraph_block td.pad>div{font-size:14px!important}.row-4 .column-1 .block-2.heading_block td.pad{padding:0 0 16px!important}.row-4 .column-1 .block-2.heading_block h2{font-size:20px!important}.row-1 .column-1{padding:24px 56px!important}.row-5 .column-1{padding:40px 24px!important}}
</style></head><body style="background-color:#fff;margin:0;padding:0;-webkit-text-size-adjust:none;text-size-adjust:none"><img alt="" src="https://tr.favero.com/e/c?q=0%3d9YGXEZ%26v%3dX%26v%3daDg%26w%3dVDaDaF%26E8i4k%3diWICD8pb-G6Fb-B5n8-jWGf-0UkCDaCBE6CX%26qL%3dCf9bE%26A%3d%262%3dUCXEUEb0Z&mupckp=mupAtu4m8OiX0wt" width="1" height="1" border="0" style="mso-hide:all;display:none!important;min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important"><div id="container"><table class="nl-container" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;background-color:#fff"><tbody><tr><td><table class="row row-1" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;background-size:auto"><tbody>
<tr><td><table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;background-size:auto;border-radius:0;color:#000;width:680px" width="680"><tbody><tr><td class="column column-1" width="100%" style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;padding-left:56px;padding-right:56px;vertical-align:top;padding-top:24px;padding-bottom:24px;border-top:0;border-right:0;border-bottom:0;border-left:0"><table class="image_block block-1" width="100%" border="0" cellpadding="24" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td class="pad"><div class="alignment" align="center" style="line-height:10px">
<a href="https://tr.favero.com/e/tr?q=7%3d0YUUFZ%260%3dU%26w%3daRd%26x%3dVRXEaT%26O%3dqMHJ_1tqt_Bd_Fubs_Pj_1tqt_Ai1SlE7Hp.9yPnKC.7xF_Fubs_Pj%26m%3d%26BG%3dWHTWY%263L%3dPdAXXa0TXVBZOb%26q%3d5j4y7PWB4OVE4TWkb18lYzbFVXdC5RZlWRWIb2albTcDc4UBVXXj6WVoTRck63XjUT0D&mupckp=mupAtu4m8OiX0wt" target="_blank" style="outline:none" tabindex="-1"><img class="fullMobileWidth" src="https://a6g2x7.emailsp.com/assets/1/Nuovo%20Logo%20Favero.png" style="display:block;height:auto;border:0;width:170px;max-width:100%" width="170"></a></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table class="row row-2" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td><table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;border-radius:0;color:#000;width:680px" width="680"><tbody><tr><td class="column column-1" width="100%" style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;vertical-align:top;padding-top:0;padding-bottom:0;border-top:0;border-right:0;border-bottom:0;border-left:0"><table class="divider_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td class="pad"><div class="alignment" align="center"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td class="divider_inner" style="font-size:1px;line-height:1px;border-top:5px solid #c91a14"><span> </span></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table class="row row-3" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td><table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;background-color:#f4f4f4;border-radius:0;color:#000;width:680px" width="680"><tbody><tr><td class="column column-1" width="100%" style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;padding-left:40px;padding-right:40px;vertical-align:top;padding-top:40px;padding-bottom:40px;border-top:0;border-right:0;border-bottom:0;border-left:0"><table class="heading_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td class="pad" style="text-align:center;width:100%"><h1 style="margin:0;color:#181a1b;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:36px;font-weight:700;letter-spacing:normal;line-height:120%;text-align:left;margin-top:0;margin-bottom:0">A really… powerful newsletter!</h1></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody>
</table><table class="row row-4" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td><table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;background-color:#f4f4f4;border-radius:0;color:#000;width:680px" width="680"><tbody><tr><td class="column column-1" width="100%" style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;padding-left:40px;padding-right:40px;vertical-align:top;padding-top:8px;padding-bottom:40px;border-top:0;border-right:0;border-bottom:0;border-left:0"><table class="paragraph_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"><tbody><tr><td class="pad" style="padding-bottom:24px"><div style="color:#4b4d4e;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:150%;text-align:left;mso-line-height-alt:24px"><p align="left" style="margin:0">Why? Firstly, because we don’t send you any spam! And when you’ll hear from us, is to keep you up-to-date on any news regarding our products and information about our training with power tips!</p></div></td></tr></tbody></table><table class="heading_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td class="pad" style="padding-bottom:16px;text-align:center;width:100%"><h2 style="margin:0;color:#4b4d4e;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:24px;font-weight:700;letter-spacing:normal;line-height:120%;text-align:left;margin-top:0;margin-bottom:0"> #faveroassioma </h2></td></tr></tbody></table><table class="paragraph_block block-3" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"><tbody><tr><td class="pad" style="padding-bottom:8px;padding-top:8px"><div style="color:#4b4d4e;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:150%;text-align:left;mso-line-height-alt:24px"><p align="left" style="margin:0">Favero Electronics’ Team</p></div></td></tr></tbody></table></td>
</tr></tbody></table></td></tr></tbody></table><table class="row row-5" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td><table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;border-radius:0;color:#000;width:680px" width="680"><tbody><tr><td class="column column-1" width="100%" style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;padding-left:40px;padding-right:40px;vertical-align:top;padding-top:40px;padding-bottom:40px;border-top:0;border-right:0;border-bottom:0;border-left:0"><table class="paragraph_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"><tbody><tr><td class="pad" style="padding-bottom:24px;padding-top:24px"><div style="color:#a4a7a8;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:150%;text-align:center;mso-line-height-alt:18px"><p style="margin:0">Favero Electronics srl<br>Via R. Lombardi 64 - 31030 - Arcade TV | Italy<br>P.Iva: IT 04703130262 | REA: TV371603</p></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!-- End --></div><table align="center" border="0" cellpadding="5" cellspacing="0" width="100%" style="background-color: rgb(242, 242, 242);" class="">
<tbody>
<tr>
<td>
<img src="http://a6g2x7.emailsp.com/images/footer/trans.gif" alt=" " style="display: block; border-width: 0px; border-style: solid;" height="20"></td>
</tr>
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" class="">
<tbody>
<tr>
<td align="center" valign="middle" style="font-size:12px;font-weight:normal;color:#999999;font-family:Arial,sans-serif;">
<a href="https://tr.favero.com/e/" target="_blank" style="text-decoration:underline;color:#999999;font-weight:bold;font-family:Arial,sans-serif;font-size:12px;">Manage your subscription</a>
</td></tr>
<tr>
<td><img src="http://a6g2x7.emailsp.com/images/footer/trans.gif" alt=" " style="display: block; border-width: 0px; border-style: solid;" height="20"></td>
</tr>
<tr>
<td align="center" valign="middle" style="font-size:12px;font-weight:normal;color:#999999;font-family:Arial,sans-serif;line-height: 16px">
You are receiving this message because you registered on our Web site and agreed to receive email communication from us.<br>
Favero Electronics S.r.l., Via R. Lombardi 64 31030 Arcade (TV), Arcade, 31030 TV IT<br>
0422874140
</td>
</tr>
<tr>
<td><img src="http://a6g2x7.emailsp.com/images/footer/trans.gif" alt=" " style="display: block; border-width: 0px; border-style: solid;" height="20"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><img src="http://a6g2x7.emailsp.com/images/footer/trans.gif" alt=" " style="display: block; border-width: 0px; border-style: solid;" height="20"></td>
</tr>
</tbody>
</table></body></html>
안녕하세요. 썬더메일입니다. 영업문의: 070-7095-9792 , 기술문의: 070-7095-9794 , 메일문의처
지원 서비스: 대량ㆍ자동메일(API포함), 대량ㆍ자동SMS, 카카오톡 알림톡, 설문조사(와이즈서베이)