Invite User – Illustrated
Whimsical illustrated team invitation with a welcoming visual.
Preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://placehold.in/96x96@2x.png/D1FAE5"/><link rel="preload" as="image" href="/static/people/person-headshot1.png"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/><style></style><style>
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
mso-font-alt: 'Arial';
src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2) format('woff2');
}
* {
font-family: 'Inter', Arial;
}
</style><style>
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
mso-font-alt: 'Arial';
src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2) format('woff2');
}
* {
font-family: 'Inter', Arial;
}
</style><style>
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
mso-font-alt: 'Arial';
src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hiJ-Ek-_EeA.woff2) format('woff2');
}
* {
font-family: 'Inter', Arial;
}
</style></head><body style="background-color:rgb(236,253,245);margin:0"><!--$--><!--html--><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">Sarah Mitchell has invited you to join Flowspace — come meet the team and get started today.<div> </div></div><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="background-color:rgb(236,253,245);margin:0rem;padding:0rem;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji""><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(236,253,245);padding-bottom:2.5rem;padding-top:2.5rem;padding-right:1rem;padding-left:1rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:36rem;margin-right:auto;margin-left:auto;width:100%"><tbody><tr style="width:100%"><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);border-top-left-radius:1rem;border-top-right-radius:1rem;padding-right:2rem;padding-left:2rem;padding-top:2rem;padding-bottom:1.5rem;border-bottom-style:solid;border-bottom-width:1px;border-color:rgb(208,250,229)"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:left"><p style="font-size:1.25rem;line-height:1.4;font-weight:700;margin:0rem;padding:0rem;letter-spacing:-0.025em;color:#059669;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Flowspace</p></td><td data-id="__react-email-column" style="text-align:right"><p style="font-size:0.75rem;line-height:1.3333333333333333;margin:0rem;padding:0rem;color:#6B7280;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Team Invitation</p></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding-right:2rem;padding-left:2rem;padding-top:3rem;padding-bottom:2rem;text-align:center;background-color:#D1FAE5"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><div style="display:inline-block;width:96px;height:96px;border-radius:50%;background-color:#ffffff;box-shadow:0 4px 24px 0 rgba(16,185,129,0.15);margin:0 auto 24px auto;line-height:96px;text-align:center;font-size:48px"><img alt="Illustrated wave greeting" height="96" src="https://placehold.in/96x96@2x.png/D1FAE5" style="display:block;outline:none;border:none;text-decoration:none;border-radius:50%;margin:0 auto" width="96"/></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><div style="display:inline-block;background-color:#ffffff;border-radius:999px;padding:4px 16px;margin-bottom:20px"><p style="font-size:0.75rem;line-height:1.3333333333333333;font-weight:600;margin:0rem;padding:0rem;text-transform:uppercase;letter-spacing:0.1em;color:#059669;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">You have a new invitation</p></div></td></tr></tbody></table><h1 style="margin:0rem;padding:0rem;margin-bottom:1rem;text-align:center;font-family:Inter, Arial, sans-serif;font-size:32px;font-weight:700;line-height:1.2;color:#064E3B;letter-spacing:-0.5px">You have been invited<br/>to the team!</h1><p style="font-size:17px;line-height:1.7;margin:0 auto 32px auto;padding:0rem;margin-bottom:2rem;text-align:center;font-family:Inter, Arial, sans-serif;color:#065F46;max-width:400px;margin-top:0;margin-right:auto;margin-left:auto"><strong>Sarah Mitchell</strong> has invited you to join<!-- --> <strong>Flowspace</strong>. We would love to have you on board and cannot wait for you to meet the rest of the team.</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><a href="https://flowspace.app/invite/accept?token=abc123xyz" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#059669;color:#ffffff;font-family:Inter, Arial, sans-serif;font-size:16px;font-weight:600;border-radius:12px;padding:14px 36px;letter-spacing:0.1px;padding-top:14px;padding-right:36px;padding-bottom:14px;padding-left:36px" target="_blank"><span><!--[if mso]><i style="mso-font-width:450%;mso-text-raise:21" hidden>    </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:10.5px">Join the Team</span><span><!--[if mso]><i style="mso-font-width:450%" hidden>    ​</i><![endif]--></span></a></td></tr></tbody></table><p style="font-size:0.75rem;line-height:1.3333333333333333;text-align:center;margin:0rem;padding:0rem;margin-top:16px;font-family:Inter, Arial, sans-serif;color:#6B7280;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This invitation expires in 7 days. No account needed to get started.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding-right:2rem;padding-left:2rem;padding-bottom:2.5rem;padding-top:2.5rem;background-color:#ffffff"><tbody><tr><td><h2 style="margin:0rem;padding:0rem;margin-bottom:1.5rem;text-align:center;font-family:Inter, Arial, sans-serif;font-size:18px;font-weight:700;color:#111827;letter-spacing:-0.2px">Here is what happens next</h2><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.25rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:48px;vertical-align:top;padding-right:16px"><div style="width:36px;height:36px;border-radius:50%;background-color:#D1FAE5;text-align:center;line-height:36px"><p style="font-size:0.875rem;line-height:36px;margin:0;padding:0;font-weight:700;font-family:Inter, Arial, sans-serif;color:#059669;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">1</p></div></td><td data-id="__react-email-column" style="vertical-align:top"><p style="font-size:14px;line-height:24px;font-weight:600;margin:0 0 4px 0;padding:0rem;margin-bottom:0.25rem;font-family:Inter, Arial, sans-serif;color:#111827;margin-top:0;margin-right:0;margin-left:0">Accept your invitation</p><p style="font-size:13px;line-height:1.6;margin:0;padding:0rem;font-family:Inter, Arial, sans-serif;color:#6B7280;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Click the button above to confirm your spot on the Flowspace workspace.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.25rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:48px;vertical-align:top;padding-right:16px"><div style="width:36px;height:36px;border-radius:50%;background-color:#D1FAE5;text-align:center;line-height:36px"><p style="font-size:0.875rem;line-height:36px;margin:0;padding:0;font-weight:700;font-family:Inter, Arial, sans-serif;color:#059669;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">2</p></div></td><td data-id="__react-email-column" style="vertical-align:top"><p style="font-size:14px;line-height:24px;font-weight:600;margin:0 0 4px 0;padding:0rem;margin-bottom:0.25rem;font-family:Inter, Arial, sans-serif;color:#111827;margin-top:0;margin-right:0;margin-left:0">Set up your profile</p><p style="font-size:13px;line-height:1.6;margin:0;padding:0rem;font-family:Inter, Arial, sans-serif;color:#6B7280;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Add your name, photo and a short bio so your teammates know who you are.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:48px;vertical-align:top;padding-right:16px"><div style="width:36px;height:36px;border-radius:50%;background-color:#D1FAE5;text-align:center;line-height:36px"><p style="font-size:0.875rem;line-height:36px;margin:0;padding:0;font-weight:700;font-family:Inter, Arial, sans-serif;color:#059669;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">3</p></div></td><td data-id="__react-email-column" style="vertical-align:top"><p style="font-size:14px;line-height:24px;font-weight:600;margin:0 0 4px 0;padding:0rem;margin-bottom:0.25rem;font-family:Inter, Arial, sans-serif;color:#111827;margin-top:0;margin-right:0;margin-left:0">Start collaborating</p><p style="font-size:13px;line-height:1.6;margin:0;padding:0rem;font-family:Inter, Arial, sans-serif;color:#6B7280;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Dive into projects, share ideas and work together with your new team in real time.</p></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding-right:2rem;padding-left:2rem;padding-bottom:2rem;padding-top:2rem;background-color:#F9FAFB;border-top:1px solid #E5E7EB"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:56px;vertical-align:middle;padding-right:14px"><img alt="Sarah Mitchell, your inviter" height="48" src="/static/people/person-headshot1.png" style="display:block;outline:none;border:none;text-decoration:none;border-radius:50%" width="48"/></td><td data-id="__react-email-column" style="vertical-align:middle"><p style="font-size:14px;line-height:24px;font-weight:600;margin:0 0 2px 0;padding:0rem;font-family:Inter, Arial, sans-serif;color:#111827;margin-top:0;margin-right:0;margin-bottom:2px;margin-left:0">Sarah Mitchell</p><p style="font-size:12px;line-height:1.3333333333333333;margin:0;padding:0rem;font-family:Inter, Arial, sans-serif;color:#6B7280;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Product Lead at Flowspace — invited you to join</p></td><td data-id="__react-email-column" style="text-align:right;vertical-align:middle"><div style="display:inline-block;background-color:#D1FAE5;border-radius:999px;padding:4px 12px"><p style="font-size:11px;line-height:1.3333333333333333;font-weight:600;margin:0;padding:0rem;font-family:Inter, Arial, sans-serif;color:#059669;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Admin</p></div></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#ffffff"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#E5E7EB;margin:0"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding-right:2rem;padding-left:2rem;padding-top:2rem;padding-bottom:2.5rem;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;text-align:center;background-color:#ffffff"><tbody><tr><td><p style="font-size:1rem;line-height:1.5;font-weight:700;margin:0 0 4px 0;padding:0rem;margin-bottom:0.25rem;text-align:center;font-family:Inter, Arial, sans-serif;color:#059669;margin-top:0;margin-right:0;margin-left:0">Flowspace</p><p style="font-size:0.75rem;line-height:1.3333333333333333;text-align:center;margin:0 0 20px 0;padding:0rem;margin-bottom:1.25rem;font-family:Inter, Arial, sans-serif;color:#9CA3AF;letter-spacing:0.5px;margin-top:0;margin-right:0;margin-left:0">— Where great teams do their best work —</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.25rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><a href="https://twitter.com/flowspace" style="color:#6B7280;text-decoration-line:none;font-family:Inter, Arial, sans-serif;font-size:12px;text-decoration:none;margin-right:16px" target="_blank">Twitter</a><a href="https://linkedin.com/company/flowspace" style="color:#6B7280;text-decoration-line:none;font-family:Inter, Arial, sans-serif;font-size:12px;text-decoration:none;margin-right:16px" target="_blank">LinkedIn</a><a href="https://flowspace.app/help" style="color:#6B7280;text-decoration-line:none;font-family:Inter, Arial, sans-serif;font-size:12px;text-decoration:none" target="_blank">Help Center</a></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#F3F4F6;margin:0 0 20px 0"/><p style="font-size:0.75rem;line-height:1.6;text-align:center;margin:0 0 8px 0;padding:0rem;margin-bottom:0.5rem;font-family:Inter, Arial, sans-serif;color:#9CA3AF;margin-top:0;margin-right:0;margin-left:0">Flowspace Inc. — 340 Pine Street, Suite 800, San Francisco, CA 94104</p><p style="font-size:0.75rem;line-height:1.3333333333333333;text-align:center;margin:0;padding:0rem;font-family:Inter, Arial, sans-serif;color:#9CA3AF;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">You received this email because someone invited you to Flowspace.<!-- --> <a href="https://flowspace.app/unsubscribe?token=abc123xyz" style="color:#6B7280;text-decoration-line:none;text-decoration:underline;font-family:Inter, Arial, sans-serif;font-size:12px" target="_blank">Unsubscribe</a> <!-- -->or<!-- --> <a href="https://flowspace.app/privacy" style="color:#6B7280;text-decoration-line:none;text-decoration:underline;font-family:Inter, Arial, sans-serif;font-size:12px" target="_blank">Privacy Policy</a>.</p><p style="font-size:18px;line-height:24px;text-align:center;margin:24px 0 0 0;padding:0rem;margin-top:1.5rem;font-family:Inter, Arial, sans-serif;color:#A7F3D0;letter-spacing:6px;margin-right:0;margin-bottom:0;margin-left:0">* * *</p><p style="font-size:11px;line-height:1.3333333333333333;text-align:center;margin:8px 0 0 0;padding:0rem;margin-top:0.5rem;font-family:Inter, Arial, sans-serif;color:#D1FAE5;margin-right:0;margin-bottom:0;margin-left:0">Copyright 2026 Flowspace Inc. All rights reserved.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!--/$--></body></html>