Back to recruiting templates
Job Interview Invitation
The interview invitation email is often a candidate's first direct impression of your people operations. This template is warm, clear, and structured to reduce candidate anxiety while giving them all the information they need upfront.
Responsive Gmail Outlook Apple Mail
Preview
Production-Ready HTML
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Interview Invitation — Product Designer at Fieldstone</title>
<style>
@media only screen and (max-width: 600px) {
.email-container { width: 100% !important; }
.mobile-pad { padding: 28px 24px !important; }
.step-cell { display: block !important; width: 100% !important; margin-bottom: 16px; }
}
</style>
</head>
<body width="100%" style="margin:0; padding:0; background-color:#F7F7F5; font-family:'Helvetica Neue', Arial, sans-serif;">
<center style="width:100%; background-color:#F7F7F5;">
<div style="display:none; max-height:0; overflow:hidden; mso-hide:all;">We'd love to invite you to interview for the Product Designer role at Fieldstone. Here are the next steps.͏ ͏ ͏</div>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="email-container" style="max-width:600px; margin:auto; background-color:#ffffff; border: 1px solid #EBEBEB;">
<!-- Header -->
<tr>
<td style="padding: 28px 40px; border-bottom: 1px solid #F0EFE9;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td>
<p style="margin: 0; font-size: 16px; font-weight: 700; color: #1C1C1A; letter-spacing: -0.3px;">Fieldstone</p>
<p style="margin: 2px 0 0; font-size: 11px; color: #9B9889; letter-spacing: 0.5px;">People & Talent</p>
</td>
<td style="text-align: right;">
<span style="display: inline-block; padding: 4px 12px; background-color: #EEF2FF; color: #4F46E5; font-size: 11px; font-weight: 600; border-radius: 20px; letter-spacing: 0.3px;">Interview Invitation</span>
</td>
</tr>
</table>
</td>
</tr>
<!-- Body -->
<tr>
<td class="mobile-pad" style="padding: 44px 40px 36px;">
<p style="margin: 0 0 6px; font-size: 13px; color: #9B9889;">Dear Priya,</p>
<h1 style="margin: 0 0 20px; font-size: 26px; font-weight: 700; color: #1C1C1A; line-height: 1.25; letter-spacing: -0.3px;">We'd like to invite you to interview.</h1>
<p style="margin: 0 0 16px; font-size: 15px; color: #5A5956; line-height: 1.75;">Thank you for your application for the <strong style="color: #1C1C1A;">Product Designer</strong> role at Fieldstone. We were genuinely impressed by your portfolio and would love to get to know you better.</p>
<p style="margin: 0; font-size: 15px; color: #5A5956; line-height: 1.75;">We'd like to schedule a 45-minute introductory conversation with our design leadership team. Below you'll find everything you need to know about the next steps.</p>
</td>
</tr>
<!-- Interview details box -->
<tr>
<td style="padding: 0 40px 32px;" class="mobile-pad">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #F7F6F1; border-radius: 8px; padding: 24px; border-left: 4px solid #4F46E5;">
<tr>
<td style="padding: 0 24px;">
<p style="margin: 0 0 16px; font-size: 11px; color: #9B9889; text-transform: uppercase; letter-spacing: 2px; font-weight: 600;">Interview Details</p>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="110" style="vertical-align: top; padding-bottom: 12px;">
<p style="margin: 0; font-size: 11px; color: #9B9889; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;">Round</p>
</td>
<td style="vertical-align: top; padding-bottom: 12px;">
<p style="margin: 0; font-size: 14px; color: #1C1C1A; font-weight: 500;">Initial Screen — Design Team</p>
</td>
</tr>
<tr>
<td width="110" style="vertical-align: top; padding-bottom: 12px;">
<p style="margin: 0; font-size: 11px; color: #9B9889; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;">Duration</p>
</td>
<td style="vertical-align: top; padding-bottom: 12px;">
<p style="margin: 0; font-size: 14px; color: #1C1C1A; font-weight: 500;">45 minutes (video call)</p>
</td>
</tr>
<tr>
<td width="110" style="vertical-align: top;">
<p style="margin: 0; font-size: 11px; color: #9B9889; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;">Interviewer</p>
</td>
<td style="vertical-align: top;">
<p style="margin: 0; font-size: 14px; color: #1C1C1A; font-weight: 500;">Elena Voss, Head of Design</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- CTA -->
<tr>
<td style="padding: 0 40px 40px; text-align: center;" class="mobile-pad">
<p style="margin: 0 0 20px; font-size: 14px; color: #5A5956; line-height: 1.6;">Please select a time that works for you using the link below. We've opened slots across the next two weeks.</p>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td style="background-color: #4F46E5; border-radius: 6px;">
<a href="#" style="display:inline-block; font-size: 14px; font-weight: 600; color: #ffffff; text-decoration: none; padding: 14px 32px; border-radius: 6px;">Schedule your interview →</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding: 24px 40px; border-top: 1px solid #F0EFE9; background-color: #FAFAF8;">
<p style="margin: 0 0 4px; font-size: 13px; color: #5A5956; line-height: 1.6;">Questions? Reply to this email or reach us at <a href="mailto:talent@fieldstone.co" style="color: #4F46E5; text-decoration: none;">talent@fieldstone.co</a></p>
<p style="margin: 8px 0 0; font-size: 11px; color: #B0AEA8;">Fieldstone, Inc. · 88 Market Street · San Francisco, CA</p>
</td>
</tr>
</table>
</center>
</body>
</html>