Internal · HubSpot ready
Email templates.
Copy the HTML or plain‑text version into HubSpot. Use {{first_name}} as the personalisation token.
5‑email nurture sequence
Build this sequence in HubSpot as a contact‑based workflow. Emails 2‑5 are follow‑ups (see instructions below). Only email #1 is included here as a full template — the remaining four should be written to reference the specific service the lead inquired about.
Email #1 — Welcome + Journey
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="x-apple-disable-message-reformatting">
<title></title>
</head>
<body style="margin:0;padding:0;background-color:#f5f2ec;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="background:#f5f2ec;">
<tr>
<td align="center" style="padding:24px 12px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:680px;" width="100%">
<!-- TOP BAR -->
<tr>
<td align="center" style="padding:6px 10px 14px 10px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;color:#8a857c;">
Brand · Web · Content · Social · Paid
</td>
<td align="right" style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;color:#8a857c;">
Email 1 of 5
</td>
</tr>
</table>
</td>
</tr>
<!-- WHITE CARD -->
<tr>
<td style="background:#ffffff;border-radius:18px;overflow:hidden;border:1px solid #e8e2d8;">
<!-- HERO IMAGE -->
<tr>
<td>
<img alt="GRIDZ studio" src="https://images.unsplash.com/photo-1497366216548-37526070297c?w=1400&q=80" style="display:block;width:100%;max-width:680px;height:260px;object-fit:cover;border:0;outline:none;" />
</td>
</tr>
<!-- HEADLINE -->
<tr>
<td style="padding:36px 44px 12px 44px;">
<div style="font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:38px;color:#121212;letter-spacing:-0.3px;">
Brief received, <span style="color:#FF3B30;">{{first_name}}.</span>
</div>
<div style="height:10px;line-height:10px;font-size:10px;"></div>
<div style="font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:26px;color:#3a3a3a;">
We review every project with the attention it deserves. You'll hear from us within one business day with next steps and a discovery call link.
</div>
</td>
</tr>
<!-- INSIGHT BOX — OUR STORY -->
<tr>
<td style="padding:0 44px 28px 44px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fdf8f0;border:1px solid #efe6d7;border-radius:14px;" width="100%">
<tr>
<td style="padding:18px 20px;">
<div style="font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:28px;color:#121212;">
While you wait — our story
</div>
<div style="height:8px;line-height:8px;font-size:8px;"></div>
<div style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#4a4a4a;">
Most agencies get it backwards. GRIDZ started with a different conviction: <strong style="color:#121212;">creative work should be driven by strategy, not taste.</strong> Below — three things that set our approach apart.
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- SECTION HEADER -->
<tr>
<td style="padding:0 44px 12px 44px;">
<div style="font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:30px;color:#121212;">
Three things that define how we work
</div>
<hr style="border:none;border-top:1px solid #ece5da;margin:12px 0 0 0;" />
</td>
</tr>
<!-- NUMBERED SECTIONS -->
<tr>
<td style="padding:20px 44px 4px 44px;">
<!-- 01 -->
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-bottom:16px;border:1px solid #efe6d7;border-radius:14px;" width="100%">
<tr>
<td style="padding:18px 20px;">
<div style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;color:#FF3B30;letter-spacing:0.14em;text-transform:uppercase;font-weight:700;">01</div>
<div style="margin-top:6px;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:26px;color:#121212;">
Strategy over decoration
</div>
<div style="margin-top:8px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#3a3a3a;">
We don't start with "what looks good." We start with what the business needs to accomplish — then build outward from there. Every visual choice, every platform decision, every content piece traces back to a strategic reason:
<br /><br />
— who are you trying to reach<br />
— what action do they need to take<br />
— how does this asset compound over time<br />
<br />
If there isn't a clear answer to all three, we don't build it.
</div>
</td>
</tr>
</table>
<!-- 02 -->
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-bottom:16px;border:1px solid #efe6d7;border-radius:14px;" width="100%">
<tr>
<td style="padding:18px 20px;">
<div style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;color:#FF3B30;letter-spacing:0.14em;text-transform:uppercase;font-weight:700;">02</div>
<div style="margin-top:6px;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:26px;color:#121212;">
Pulling the real story out
</div>
<div style="margin-top:8px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#3a3a3a;">
Every founder has a story. Most have never had anyone pull it out of them in a way that actually connects with an audience. That's what we do — not surface-level brand positioning, but the deeper narrative that makes people pay attention:
<br /><br />
— why you started (the real reason, not the polished one)<br />
— what you believe that your competitors don't<br />
— how customers describe you when you're not in the room<br />
<br />
That story becomes the engine — feeding websites, social content, podcast appearances, and ad creative for years.
</div>
</td>
</tr>
</table>
<!-- 03 -->
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:1px solid #efe6d7;border-radius:14px;" width="100%">
<tr>
<td style="padding:18px 20px;">
<div style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;color:#FF3B30;letter-spacing:0.14em;text-transform:uppercase;font-weight:700;">03</div>
<div style="margin-top:6px;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:26px;color:#121212;">
Systems that last, not one-off campaigns
</div>
<div style="margin-top:8px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#3a3a3a;">
Most agencies sell campaigns — a website redesign, a three-month social package, a set of ads. We build <strong style="color:#121212;">production systems</strong>:
<br /><br />
— content operations that produce consistently, not sporadically<br />
— design systems that scale across every platform<br />
— measurement frameworks that tell you what's actually working<br />
<br />
The goal isn't one good quarter. It's a brand that compounds — every month, every asset, every touchpoint making the next one stronger.
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- DARK CTA STRIP -->
<tr>
<td style="background:#121212;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding:40px 44px 36px 44px;text-align:center;">
<div style="font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:31px;color:#ffffff;">
We treat your brand as an asset to build — not a canvas to decorate. If that's the kind of partner you're looking for, you're in the right place.
</div>
<div style="height:12px;line-height:12px;font-size:12px;"></div>
<div style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;color:#a0a0a0;letter-spacing:0.16em;text-transform:uppercase;">
GRIDZ.AGENCY — Vancouver, BC
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- WHAT'S NEXT -->
<tr>
<td style="padding:34px 44px 10px 44px;">
<div style="font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:30px;color:#121212;">
What's next
</div>
<div style="height:8px;line-height:8px;font-size:8px;"></div>
<div style="font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:26px;color:#3a3a3a;">
We'll review your brief within one business day and send over a calendar link for a 30-minute discovery call. After that — a clear scope, timeline, and transparent quote. No guessing, no pressure.
</div>
</td>
</tr>
<!-- CTA BUTTON -->
<tr>
<td style="padding:18px 44px 38px 44px;">
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center" bgcolor="#FF3B30" style="border-radius:999px;">
<a href="https://gridz.agency/#contact" style="display:inline-block;padding:13px 28px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:14px;color:#ffffff;text-decoration:none;font-weight:bold;">
View our work while you wait →
</a>
</td>
</tr>
</table>
<div style="height:16px;line-height:16px;font-size:16px;"></div>
<div style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#3a3a3a;">
Talk soon,<br />
<strong>The GRIDZ Team</strong>
</div>
</td>
</tr>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td style="padding:18px 10px 0 10px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:20px;color:#8a857c;text-align:center;padding:0 12px 8px 12px;">
<a href="https://gridz.agency" style="color:#8a857c;text-decoration:underline;">gridz.agency</a>
·
<a href="https://instagram.com/gridz.agency" style="color:#8a857c;text-decoration:underline;">Instagram</a>
·
<a href="https://linkedin.com/company/gridz-agency" style="color:#8a857c;text-decoration:underline;">LinkedIn</a>
</td>
</tr>
<tr>
<td style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:20px;color:#8a857c;text-align:center;padding:0 12px 8px 12px;">
Vancouver, BC · Canada & USA
</td>
</tr>
<tr>
<td style="font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:18px;color:#9e9a91;text-align:center;padding:0 12px 10px 12px;">
GRIDZ.AGENCY — Every brand has a real story. Let's pull yours out.
</td>
</tr>
<tr>
<td style="font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:15px;color:#9e9a91;text-align:center;padding:0 12px 12px 12px;">
You received this email because you submitted an inquiry on gridz.agency. If this was a mistake, simply disregard — we won't follow up unless you engage.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>HubSpot setup guide
Copy to HubSpot
In HubSpot, go to Marketing → Email, create a new automated email, switch to the HTML editor, and paste the code above. HubSpot will automatically replace {{first_name}} with the contact’s first name.
Build the workflow
Create a contact‑based workflow triggered by form submission (your inquiry form on gridz.agency). Use delays of 1, 3, 5, and 10 days for the follow‑up emails. Add an If/Then branch to stop the sequence once a deal stage changes to “Discovery Call Booked.”