Monthly Statement Ledger email template
A bank style monthly statement: a dark menu bar, three balance figures, a table of charges and fees, short notes and a two level footer with no images.
Light shows the email as designed. Dark and Gmail show how email apps can change its colors.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Monthly Statement Ledger</title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style>
:root{color-scheme:light dark;supported-color-schemes:light dark;}
body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;}
img{border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
u + .ete-body a{color:inherit;text-decoration:none;}
@media only screen and (max-width:620px){
.ete-container{width:100%!important;max-width:100%!important;}
.ete-outer{padding:0!important;}
.ete-content{border-radius:0!important;}
.ete-px{padding-left:20px!important;padding-right:20px!important;}
.ete-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important;}
.ete-stack-gap{padding-bottom:20px!important;}
.ete-fluid{width:100%!important;max-width:100%!important;height:auto!important;}
.ete-fluid-cap{width:100%!important;max-width:280px!important;height:auto!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
.ete-stack-center,.ete-stack-center p{text-align:center!important;}
.ete-h1{font-size:28px!important;line-height:34px!important;}
.ete-h2{font-size:22px!important;line-height:28px!important;}
.ete-code{font-size:24px!important;letter-spacing:2px!important;}
.ete-btn-full{display:block!important;width:100%!important;box-sizing:border-box;}
.ete-ds-34{font-size:28px!important;line-height:31px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-102{min-width:102px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0b1316!important;}
.ete-content{background-color:#121c20!important;}
.ete-text{color:#d5e0e4!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#93a5ad!important;}
.ete-link{color:#8fd8e8!important;}
.ete-border{border-color:#24343a!important;}
.ete-panel{background-color:#182429!important;border-color:#24343a!important;}
.ete-btn{background-color:#6cc6da!important;border-color:#6cc6da!important;}
.ete-btn-text{color:#0b1316!important;}
.ete-btn-outline{border-color:#6cc6da!important;}
.ete-btn-outline-text{color:#6cc6da!important;}
.ete-logo-light{display:none!important;}
.ete-logo-dark{display:block!important;max-height:none!important;overflow:visible!important;}
}
[data-ogsc] .ete-text{color:#d5e0e4!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#93a5ad!important;}
[data-ogsc] .ete-link{color:#8fd8e8!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0b1316!important;}
[data-ogsb] .ete-content{background-color:#121c20!important;}
[data-ogsb] .ete-panel{background-color:#182429!important;border-color:#24343a!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#e8eef0;">
<!-- Made with emailtemplateexamples.com -->
<div class="ete-preheader" style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;">Closing balance $4,218.50. Money in $3,240.00, money out $2,786.12, fees $0.00. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#e8eef0;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="left" class="ete-px" style="padding:6px 32px;background-color:#10232c;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="left" style="padding:8px 0;"><p style="margin:0;text-align:left;"><a href="https://example.com/accounts" style="display:inline-block;padding:4px 10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#ffffff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Accounts</a><a href="https://example.com/statements" style="display:inline-block;padding:4px 10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#ffffff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Statements</a><a href="https://example.com/help" style="display:inline-block;padding:4px 10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#ffffff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Help</a></p></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" style="margin:0 0 12px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0f5c6e;text-align:left;">Millrace Bank, account ending 4471</p><h1 class="ete-heading ete-ds-34" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:34px;line-height:41px;font-weight:700;color:#10232c;text-align:left;mso-line-height-rule:exactly;">October statement</h1></td></tr>
<tr><td class="ete-px" style="padding:20px 32px 12px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stat-102" style="display:inline-block;vertical-align:top;width:33.33%;min-width:102px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:26px;font-weight:700;color:#10232c;text-align:center;mso-line-height-rule:exactly;">$4,219</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#62727a;text-align:center;">Balance</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-102" style="display:inline-block;vertical-align:top;width:33.33%;min-width:102px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:26px;font-weight:700;color:#10232c;text-align:center;mso-line-height-rule:exactly;">$3,240</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#62727a;text-align:center;">Money in</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-102" style="display:inline-block;vertical-align:top;width:33.33%;min-width:102px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:26px;font-weight:700;color:#10232c;text-align:center;mso-line-height-rule:exactly;">$2,786</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#62727a;text-align:center;">Money out</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:32px;font-weight:700;color:#10232c;text-align:left;mso-line-height-rule:exactly;">Largest charges</h2><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#62727a;padding-top:4px;">October 1 to October 31</p><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:16px;"><tr><td class="ete-text ete-border" valign="top" style="padding:14px 0;border-bottom:1px solid #dde5e8;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;"><strong>Rent, Harbor Court</strong><br><span class="ete-muted" style="color:#62727a;font-size:13px;">October 1, standing order</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #dde5e8;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;;white-space:nowrap;">$1,650.00</td></tr><tr><td class="ete-text ete-border" valign="top" style="padding:14px 0;border-bottom:1px solid #dde5e8;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;"><strong>Northside Grocers</strong><br><span class="ete-muted" style="color:#62727a;font-size:13px;">7 card payments</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #dde5e8;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;;white-space:nowrap;">$412.36</td></tr><tr><td class="ete-text ete-border" valign="top" style="padding:14px 0;border-bottom:1px solid #dde5e8;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;"><strong>City Power and Water</strong><br><span class="ete-muted" style="color:#62727a;font-size:13px;">October 14, direct debit</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #dde5e8;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;;white-space:nowrap;">$138.20</td></tr><tr><td class="ete-text ete-border" valign="top" style="padding:14px 0;border-bottom:1px solid #dde5e8;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;"><strong>Other card payments</strong><br><span class="ete-muted" style="color:#62727a;font-size:13px;">23 payments</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #dde5e8;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;;white-space:nowrap;">$585.56</td></tr></table><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:8px;"><tr><td class="ete-muted" style="padding:4px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#62727a;">Account fee</td><td class="ete-text" align="right" style="padding:4px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;">$0.00</td></tr><tr><td class="ete-muted" style="padding:4px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#62727a;">Interest paid to you</td><td class="ete-text" align="right" style="padding:4px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4a52;">$1.84</td></tr><tr><td class="ete-heading" style="padding:12px 0 0;border-top:2px solid #10232c;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#10232c;">Total money out</td><td class="ete-heading" align="right" style="padding:12px 0 0;border-top:2px solid #10232c;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#10232c;">$2,786.12</td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><div style="padding-bottom:20px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:32px;font-weight:700;color:#10232c;text-align:left;mso-line-height-rule:exactly;">Notes for this month</h2></div><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="40" valign="top" style="padding-right:16px;padding-bottom:20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="24" height="24" style="width:24px;height:24px;background-color:#0f5c6e;border-radius:50%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:24px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">✓</span></td></tr></table></td><td valign="top" style="padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#10232c;">No fees charged</p><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b4a52;padding-top:4px;">You kept the minimum balance, so the monthly fee was waived.</p></td></tr><tr><td width="40" valign="top" style="padding-right:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="24" height="24" style="width:24px;height:24px;background-color:#0f5c6e;border-radius:50%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:24px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">✓</span></td></tr></table></td><td valign="top" style=""><p class="ete-heading" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#10232c;">Full statement</p><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b4a52;padding-top:4px;">The PDF is in Statements when you log in to online banking.</p></td></tr></table></td></tr>
<tr><td height="8" style="height:8px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:16px 20px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="560" cellpadding="0" cellspacing="0" border="0"><tr><td width="280" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:12px 12px 8px;"><p class="ete-heading" style="margin:0 0 8px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#10232c;">Need help</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#62727a;line-height:20px;">Lines are open on weekdays from 8 to 6.</p><p style="margin:0;padding-top:4px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;"><a class="ete-link" href="https://example.com/contact" style="color:#62727a;text-decoration:underline;">Contact us</a></p><p style="margin:0;padding-top:4px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;"><a class="ete-link" href="https://example.com/lost-card" style="color:#62727a;text-decoration:underline;">Report a lost card</a></p></td></tr></table></div><!--[if mso]></td><td width="280" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:12px 12px 8px;"><p class="ete-heading" style="margin:0 0 8px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#10232c;">Your account</p><p style="margin:0;padding-top:4px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;"><a class="ete-link" href="https://example.com/preferences" style="color:#62727a;text-decoration:underline;">Paper or email statements</a></p><p style="margin:0;padding-top:4px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;"><a class="ete-link" href="https://example.com/fees" style="color:#62727a;text-decoration:underline;">Fees and rates</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#62727a;line-height:20px;text-align:center;"><strong>Millrace Bank</strong><br>1 Mill Lane, Hartford, CT 06103</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#62727a;line-height:20px;text-align:center;padding-top:10px;">This is a service email about your Millrace account.</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#62727a;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#62727a;text-decoration:underline;">Unsubscribe</a></p></td></tr>
</table>
</td></tr>
<tr><td align="center" class="ete-muted" style="padding:20px 12px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#62727a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#62727a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
A monthly statement email for banks, card issuers and account based finance apps. It looks like a page from online banking, with everything a customer checks in one view.
A dark menu bar runs along the top with links to accounts, statements and help. A plain heading names the month. Three figures show the closing balance, the money in and the money out. The largest charges follow in a tidy table, with fees and interest on their own rows and a total at the bottom. A short checked list gives notes for the month. The footer has two levels: columns with help and account links, then the legal line.
Keep the full statement behind login and show only summary figures here. All names and amounts in this sample are made up.
Use it in your email tool
- Click Copy HTML, or download the .html file.
- In Mailchimp, Brevo, HubSpot or Klaviyo, start a new email with the custom HTML or code editor and paste it in.
- Change the text, links and images. Map merge tags such as {{first_name}} and {{unsubscribe_url}} to the tags of your tool.
- Send a test to yourself on desktop and phone before you send it to your list.
Sections in this email
- Dark menu bar
- Statement heading
- Three balance figures
- Charges table
- Notes list
- Help and account columns
- Footer
Subject line ideas
- Your October statement is ready
- October at a glance: balance $4,218.50
- {{first_name}}, your Millrace statement for October
Preview text idea
Closing balance $4,218.50. Money in $3,240.00, money out $2,786.12, fees $0.00.