Job Offer Letter email template
A clear job offer with no logo: one headline, the role, start date, pay and manager as neat rows, a short note, then accept and ask buttons.
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>Job Offer Letter</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-36{font-size:28px!important;line-height:31px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0e1116!important;}
.ete-content{background-color:#161a21!important;}
.ete-text{color:#d9dfe7!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9ea7b3!important;}
.ete-link{color:#9cc5ec!important;}
.ete-border{border-color:#2d333d!important;}
.ete-panel{background-color:#1f242c!important;border-color:#2d333d!important;}
.ete-btn{background-color:#8fbbe6!important;border-color:#8fbbe6!important;}
.ete-btn-text{color:#10141a!important;}
.ete-btn-outline{border-color:#8fbbe6!important;}
.ete-btn-outline-text{color:#8fbbe6!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:#d9dfe7!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9ea7b3!important;}
[data-ogsc] .ete-link{color:#9cc5ec!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0e1116!important;}
[data-ogsb] .ete-content{background-color:#161a21!important;}
[data-ogsb] .ete-panel{background-color:#1f242c!important;border-color:#2d333d!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#eff1f4;">
<!-- 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;">Here are the terms for the Senior Account Manager role. Please reply by 14 November. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#eff1f4;">
<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 class="ete-px" style="padding:24px 32px 8px;"><h1 class="ete-heading ete-ds-36" style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:36px;line-height:43px;font-weight:700;color:#101722;text-align:left;mso-line-height-rule:exactly;">Your offer from Wexley Partners</h1></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:24px;line-height:32px;font-weight:700;color:#101722;text-align:left;mso-line-height-rule:exactly;">The terms</h2><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 #dde1e7;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#363d47;"><strong>Senior Account Manager</strong><br><span class="ete-muted" style="color:#646c78;font-size:13px;">Client services team, full time</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #dde1e7;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#363d47;;white-space:nowrap;"></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:#646c78;">Start date</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:#363d47;">Monday, 11 January</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:#646c78;">Salary</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:#363d47;">$86,000 a year</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:#646c78;">Reports to</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:#363d47;">Dana Whitmore, Head of Accounts</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:#646c78;">Place of work</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:#363d47;">Chicago office, two days at home</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:#646c78;">Holiday</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:#363d47;">25 days plus public holidays</td></tr><tr><td class="ete-heading" style="padding:12px 0 0;border-top:2px solid #101722;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#101722;">Reply by</td><td class="ete-heading" align="right" style="padding:12px 0 0;border-top:2px solid #101722;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#101722;">14 November</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:16px;line-height:26px;color:#363d47;text-align:left;">Hi {{first_name}}, we enjoyed meeting you and would be glad to have you on the team. Once you accept, we will send the formal contract within two working days. This email is a summary, and the contract sets out the full terms.</p></td></tr>
<tr><td align="left" class="ete-px" style="padding:12px 27px 8px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 5px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/offer/accept" style="height:48px;v-text-anchor:middle;width:172px;" arcsize="4%" strokecolor="#163a5f" fillcolor="#163a5f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Accept offer</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/offer/accept" style="display:inline-block;background-color:#163a5f;border:1px solid #163a5f;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;">Accept offer</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 5px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/offer/question" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="4%" filled="f" strokeweight="2px" strokecolor="#163a5f"><w:anchorlock/><center style="color:#163a5f;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Ask first</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn-outline" href="https://example.com/offer/question" style="display:inline-block;background-color:transparent;border:2px solid #163a5f;line-height:44px;border-radius:2px;color:#163a5f;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-outline-text" style="color:#163a5f;">Ask first</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></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:#363d47;">Warm regards,</p><p class="ete-heading" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#101722;font-weight:700;padding-top:6px;">Sofia Bennett</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#646c78;">People lead, Wexley Partners</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:#646c78;line-height:20px;text-align:left;"><strong>Wexley Partners</strong><br>181 Wacker Drive, Floor 9, Chicago, IL 60606</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#646c78;line-height:20px;text-align:left;padding-top:10px;">You get this email because you interviewed with Wexley Partners.</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#646c78;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#646c78;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:#646c78;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#646c78;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
An offer email has to be read carefully and maybe forwarded to a partner, so it stays tidy and exact. It has no logo and no photo. Wexley Partners is the sample employer, and the first thing the reader sees is one plain headline naming it.
The terms come next as a neat table: the role, the start date, the salary, the manager, the place of work and holiday, with the reply date in bold at the end. A short paragraph says what happens after they accept and notes that the formal contract follows. Two buttons let the candidate accept or ask a question, and a named person signs.
Check the wording with whoever handles your contracts, and swap in your own terms. Send it after you have made the offer by phone, so the news is not a surprise.
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
- Headline
- Offer terms as rows
- What happens next
- Accept and ask buttons
- Signature
- Footer
Subject line ideas
- Your offer from Wexley Partners
- {{first_name}}, we would love you to join us
- Offer details: Senior Account Manager
Preview text idea
Here are the terms for the Senior Account Manager role. Please reply by 14 November.