Freelance Invoice Due email template
A warm invoice email for a freelancer or studio: amount due in a big panel, due date, pay button, line items and bank transfer details. Serif headings.
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>Freelance Invoice Due</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;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#16110d!important;}
.ete-content{background-color:#211a15!important;}
.ete-text{color:#e8dccd!important;}
.ete-heading{color:#fff5ea!important;}
.ete-muted{color:#b5a28e!important;}
.ete-link{color:#f0a07f!important;}
.ete-border{border-color:#3b3028!important;}
.ete-panel{background-color:#2b221b!important;border-color:#3b3028!important;}
.ete-btn{background-color:#b8532f!important;border-color:#b8532f!important;}
.ete-btn-text{color:#ffffff!important;}
.ete-btn-outline{border-color:#b8532f!important;}
.ete-btn-outline-text{color:#b8532f!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:#e8dccd!important;}
[data-ogsc] .ete-heading{color:#fff5ea!important;}
[data-ogsc] .ete-muted{color:#b5a28e!important;}
[data-ogsc] .ete-link{color:#f0a07f!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#16110d!important;}
[data-ogsb] .ete-content{background-color:#211a15!important;}
[data-ogsb] .ete-panel{background-color:#2b221b!important;border-color:#3b3028!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#efe6da;">
<!-- 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;">Invoice OS-2026-031 for $2,450 is due on 15 November. Pay online or by transfer. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#efe6da;">
<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:#fbf7f0;border-radius:2px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="left" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:'Times New Roman', Times, serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#2a1a12;">Oakline Studio</span><div class="ete-muted" style="padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#7a6655;">Brand and illustration</div></td></tr>
<tr><td align="left" class="ete-px" style="padding:40px 32px;background-color:#f2e1d1;"><p 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:#3b2418;text-align:left;">Invoice OS-2026-031</p><h1 class="ete-h1" style="margin:0;font-family:'Times New Roman', Times, serif;font-size:32px;line-height:40px;font-weight:700;color:#3b2418;text-align:left;mso-line-height-rule:exactly;">$2,450.00 due</h1><p class="" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#3b2418;padding-top:14px;text-align:left;">Due by 15 November 2026 for the Harvest Bakery brand project.</p><div style="padding-top:24px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/pay/OS-2026-031" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="4%" strokecolor="#b5502f" fillcolor="#b5502f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Pay this invoice</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/pay/OS-2026-031" style="display:inline-block;background-color:#b5502f;border:1px solid #b5502f;line-height:48px;border-radius:2px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">Pay this invoice</span></a><!--<![endif]--></td></tr></table></div></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:'Times New Roman', Times, serif;font-size:24px;line-height:32px;font-weight:700;color:#2a1a12;text-align:left;mso-line-height-rule:exactly;">What this covers</h2><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#7a6655;padding-top:4px;">Issued 27 October 2026</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 #eadccc;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a30;"><strong>Logo and brand mark</strong><br><span class="ete-muted" style="color:#7a6655;font-size:13px;">Three concepts, two rounds of changes</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #eadccc;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a30;;white-space:nowrap;">$1,200.00</td></tr><tr><td class="ete-text ete-border" valign="top" style="padding:14px 0;border-bottom:1px solid #eadccc;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a30;"><strong>Packaging labels</strong><br><span class="ete-muted" style="color:#7a6655;font-size:13px;">Bread bags and cake boxes</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #eadccc;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a30;;white-space:nowrap;">$900.00</td></tr><tr><td class="ete-text ete-border" valign="top" style="padding:14px 0;border-bottom:1px solid #eadccc;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a30;"><strong>Brand guide PDF</strong><br><span class="ete-muted" style="color:#7a6655;font-size:13px;">Colors, type and usage rules</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #eadccc;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a30;;white-space:nowrap;">$350.00</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:#7a6655;">Subtotal</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:#4a3a30;">$2,450.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:#7a6655;">Tax</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:#4a3a30;">$0.00</td></tr><tr><td class="ete-heading" style="padding:12px 0 0;border-top:2px solid #2a1a12;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#2a1a12;">Amount due</td><td class="ete-heading" align="right" style="padding:12px 0 0;border-top:2px solid #2a1a12;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#2a1a12;">$2,450.00</td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#4a3a30;text-align:left;"><b>Prefer a bank transfer?</b><br>
Oakline Studio, account 0042 7781 3390, routing 555 012 345. Please use OS-2026-031 as the reference.</p></td></tr>
<tr><td class="ete-px" style="padding:12px 32px 20px;"><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#4a3a30;">Thank you for the lovely project,</p><p class="ete-heading" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#2a1a12;font-weight:700;padding-top:6px;">Ana Ruiz</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#7a6655;">Founder, Oakline Studio</p></td></tr>
<tr><td align="left" 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:#7a6655;line-height:20px;text-align:left;"><strong>Oakline Studio</strong><br>5 Kiln Yard, Savannah, GA 31401</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7a6655;line-height:20px;text-align:left;padding-top:10px;">You get this email because you are a client of Oakline Studio.</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7a6655;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#7a6655;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:#7a6655;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7a6655;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from Postmark Transactional Email Templates by Wildbit (now ActiveCampaign), MIT license.
About this template
Freelancers and small studios can send this email with every invoice. It looks like good paper: warm off-white, serif headings and a terracotta accent, so it feels like it came from a person and not a billing robot.
A soft panel at the top shows the invoice number, the amount due in large type and the due date. A pay button sits right below. The line items follow with the total, then a short note with bank transfer details for clients who prefer that. A signature from the studio owner closes it.
Send invoices on the day the work is delivered, while the client still remembers it. Put the invoice number and the due date in the subject line. Use a friendly reminder a few days before the due date, not after.
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
- Wordmark and tagline
- Amount due panel
- Pay button
- Line items and total
- Bank transfer note
- Signature
- Footer
Subject line ideas
- Invoice OS-2026-031 from Oakline Studio
- $2,450 due on 15 November
- Your invoice for the Harvest Bakery brand project
Preview text idea
Invoice OS-2026-031 for $2,450 is due on 15 November. Pay online or by transfer.