First Day Guide email template
A first day email for a new hire: half photo and half coral panel, an hour by hour plan, two practical cards and a note from the team lead.
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>First Day Guide</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-split-text{padding:32px 20px 36px!important;}
.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:#0f0f15!important;}
.ete-content{background-color:#16161f!important;}
.ete-text{color:#dcdce6!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9c9cad!important;}
.ete-link{color:#ff9f85!important;}
.ete-border{border-color:#2c2c38!important;}
.ete-panel{background-color:#20202b!important;border-color:#2c2c38!important;}
.ete-btn{background-color:#ff8a6b!important;border-color:#ff8a6b!important;}
.ete-btn-text{color:#16161f!important;}
.ete-btn-outline{border-color:#ff8a6b!important;}
.ete-btn-outline-text{color:#ff8a6b!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:#dcdce6!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9c9cad!important;}
[data-ogsc] .ete-link{color:#ff9f85!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0f0f15!important;}
[data-ogsb] .ete-content{background-color:#16161f!important;}
[data-ogsb] .ete-panel{background-color:#20202b!important;border-color:#2c2c38!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-space-grotesk{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f2efeb;">
<!-- 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;">Arrive at 9:30, meet the team, then lunch is on us. Your full plan for Monday is inside. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f2efeb;">
<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="" style="padding:0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#ff6b4a;"><!--[if mso]><table role="presentation" width="600" bgcolor="#ff6b4a" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:43.83%;max-width:100%;width:43.83%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:flex-start;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/first-day-guide-desk.jpg" alt="Bright corner desk with an open laptop and a small potted plant by a window" width="263" height="329" class="ete-fluid" style="display:block;width:263px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></div><!--[if mso]></td><td width="337" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:56.16%;max-width:100%;width:56.16%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-split-text" style="padding:40px 32px;"><p style="margin:0 0 12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1c0f0b;text-align:left;">Monday, November 9</p><h1 class="ete-ds-36" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:36px;line-height:43px;font-weight:700;color:#1c0f0b;text-align:left;mso-line-height-rule:exactly;">Your desk is ready</h1><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#1c0f0b;padding-top:16px;text-align:left;">We are glad you are joining us, {{first_name}}. This is how your first day will go.</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></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:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:32px;font-weight:700;color:#1c1c28;text-align:left;mso-line-height-rule:exactly;">The plan for day one</h2></div><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="48" 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="32" height="32" style="width:32px;height:32px;background-color:#1c1c28;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:32px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">1</span></td></tr></table></td><td valign="top" style="padding-top:4px;padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#1c1c28;">9:30 Arrive</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3b47;padding-top:4px;">Ask for Dana at the front door. She has your key card and laptop.</p></td></tr><tr><td width="48" 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="32" height="32" style="width:32px;height:32px;background-color:#1c1c28;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:32px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">2</span></td></tr></table></td><td valign="top" style="padding-top:4px;padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#1c1c28;">10:00 Get set up</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3b47;padding-top:4px;">Log in, pick a chair and meet the studio.</p></td></tr><tr><td width="48" 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="32" height="32" style="width:32px;height:32px;background-color:#1c1c28;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:32px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">3</span></td></tr></table></td><td valign="top" style="padding-top:4px;padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#1c1c28;">12:30 Team lunch</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3b47;padding-top:4px;">Everyone comes. No speeches, we promise.</p></td></tr><tr><td width="48" 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="32" height="32" style="width:32px;height:32px;background-color:#1c1c28;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:32px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">4</span></td></tr></table></td><td valign="top" style="padding-top:4px;"><p class="ete-heading" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#1c1c28;">2:00 Your first brief</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3b47;padding-top:4px;">Sit down with Tom and look over the project you will start on.</p></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-panel" valign="top" style="padding:16px;background-color:#f8f6f3;border:1px solid #e6e3df;border-radius:0px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/first-day-guide-door.jpg" alt="Three story red brick building with arched windows at dusk" width="226" height="170" class="ete-fluid-cap" style="display:block;width:226px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1c1c28;text-align:left;mso-line-height-rule:exactly;">Where to go</h3></div><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3b47;padding-top:6px;text-align:left;">Use the main door on Mill Street and ring for the second floor.</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-panel" valign="top" style="padding:16px;background-color:#f8f6f3;border:1px solid #e6e3df;border-radius:0px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/first-day-guide-lunch.jpg" alt="Toasted sandwich and side dishes on a wooden table" width="226" height="170" class="ete-fluid-cap" style="display:block;width:226px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1c1c28;text-align:left;mso-line-height-rule:exactly;">What to bring</h3></div><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3b47;padding-top:6px;text-align:left;">Just a photo ID for the key card. Lunch and coffee are on us.</p></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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3b3b47;">See you Monday,</p><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#1c1c28;font-weight:700;padding-top:6px;">Tom Adeyemi</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#6c6c7a;">Team lead, Drayline Creative</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6c6c7a;line-height:20px;text-align:center;"><strong>Drayline Creative</strong><br>48 Mill Street, Baltimore, MD 21211</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6c6c7a;line-height:20px;text-align:center;padding-top:10px;">You get this email because you are starting at Drayline Creative.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6c6c7a;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6c6c7a;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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#6c6c7a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6c6c7a;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 message for new starters, sent a few days before day one. It opens with a desk photo and a bright coral panel that says the desk is ready, so the reader feels expected before reading the details.
A numbered timeline gives the plan for the day, from arrival to the first team lunch. Two small cards with photos answer the practical questions: which door to use and what to bring. The team lead signs off with a name, which matters more than any logo here.
Change the times, the address and the names. HR teams and small studios can both use it as it stands, and it pairs well with a separate email for contracts and payroll.
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
- Half photo, half coral panel
- First day timeline
- Two practical cards
- Team lead signature
- Footer
Subject line ideas
- Your first day at Drayline, {{first_name}}
- See you Monday. Here is the plan
- Your desk is ready
Preview text idea
Arrive at 9:30, meet the team, then lunch is on us. Your full plan for Monday is inside.