Invite User – Dark
Dark-mode team invitation email for Supabase-powered apps.
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="/static/people/person-headshot3.png"/><link rel="preload" as="image" href="/static/company-logo.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></head><body style="background-color:rgb(3,7,18);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 the Arcflow workspace. Accept your invitation before it expires.<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(3,7,18);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(3,7,18);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(16,24,40);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(30,41,57)"><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"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="display:inline-flex;align-items:center"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column"><div style="width:36px;height:36px;background-color:#3B82F6;border-radius:8px;display:inline-block"></div></td><td data-id="__react-email-column" style="padding-left:0.5rem"><p style="font-size:1.125rem;line-height:1;color:rgb(255,255,255);font-weight:600;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Arcflow</p></td></tr></tbody></table></td><td data-id="__react-email-column" style="text-align:right"><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(106,114,130);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Team Collaboration Platform</p></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(16,24,40);padding-right:2rem;padding-left:2rem;padding-top:2.5rem;padding-bottom:2rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center;margin-bottom:1.5rem"><tbody><tr><td><div style="position:relative;display:inline-block"><img alt="Sarah Mitchell" height="72" src="/static/people/person-headshot3.png" style="display:block;outline:none;border:3px solid #3B82F6;text-decoration:none;border-radius:50%;margin:0 auto" width="72"/></div><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(81,162,255);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin-top:1rem;margin-bottom:0rem">Workspace Invitation</p></td></tr></tbody></table><h1 style="color:rgb(255,255,255);font-size:1.875rem;line-height:1.25;font-weight:600;text-align:center;margin:0rem">You have been invited to Arcflow</h1><p style="font-size:1rem;line-height:1.625;color:rgb(153,161,175);text-align:center;margin-top:1rem;margin-bottom:0rem"><span style="color:#e5e7eb;font-weight:600">Sarah Mitchell</span> wants you to join the<!-- --> <span style="color:#e5e7eb;font-weight:600">Product Design Team</span> workspace and collaborate on upcoming projects.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(16,24,40);padding-right:2rem;padding-left:2rem;padding-bottom:2rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#111827;border-radius:12px;border:1px solid #374151;padding:24px"><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:48px"><img alt="Arcflow Product Design Team workspace logo" height="40" src="/static/company-logo.png" style="display:block;outline:none;border:none;text-decoration:none;border-radius:8px" width="40"/></td><td data-id="__react-email-column" style="padding-left:1rem"><p style="font-size:0.875rem;line-height:1.375;color:rgb(255,255,255);font-weight:600;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Product Design Team</p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(106,114,130);margin:0rem;margin-top:0.25rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">14 members · arcflow.io/workspace/product-design</p></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#374151;margin:20px 0"/><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"><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(106,114,130);text-transform:uppercase;letter-spacing:0.1em;margin:0rem;margin-bottom:0.25rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">Invited by</p><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(209,213,220);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Sarah Mitchell · sarah@arcflow.io</p></td><td data-id="__react-email-column" style="text-align:right"><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(106,114,130);text-transform:uppercase;letter-spacing:0.1em;margin:0rem;margin-bottom:0.25rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">Your role</p><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(209,213,220);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Editor</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(16,24,40);padding-right:2rem;padding-left:2rem;padding-bottom:2rem;text-align:center"><tbody><tr><td><a href="https://arcflow.io/invite/accept?token=abc123xyz" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#3B82F6;color:#ffffff;font-size:15px;font-weight:600;border-radius:8px;padding:14px 36px;letter-spacing:0.01em;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">Accept Invitation</span><span><!--[if mso]><i style="mso-font-width:450%" hidden>    ​</i><![endif]--></span></a><p style="font-size:0.75rem;line-height:1.625;color:rgb(106,114,130);margin-top:1.25rem;margin-bottom:0rem">Or copy and paste this link into your browser:</p><p style="font-size:14px;line-height:24px;margin-top:0.25rem;margin-bottom:0rem"><a href="https://arcflow.io/invite/accept?token=abc123xyz" style="color:#60a5fa;text-decoration-line:none;font-size:12px;word-break:break-all" target="_blank">https://arcflow.io/invite/accept?token=abc123xyz</a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(16,24,40);padding-right:2rem;padding-left:2rem;padding-bottom:2rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#1c2a3a;border:1px solid #2563eb;border-left:3px solid #3B82F6;border-radius:8px;padding:14px 18px"><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"><p style="font-size:0.875rem;line-height:1.625;color:rgb(142,197,255);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><span style="font-weight:600;color:#93c5fd">Invitation expires in 7 days.</span> <!-- -->If you do not accept by<!-- --> <span style="color:#93c5fd;font-weight:600">January 30, 2026</span>, you will need to request a new invitation from Sarah Mitchell.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(16,24,40);padding-right:2rem;padding-left:2rem;padding-bottom:2.5rem;border-bottom-right-radius:0;border-bottom-left-radius:0"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#1f2937;margin-bottom:28px"/><h2 style="color:rgb(209,213,220);font-size:0.875rem;line-height:1.4285714285714286;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin:0rem;margin-bottom:1.5rem;text-align:center">What happens when you join</h2><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;padding-right:0.75rem;padding-left:0.75rem"><div style="width:40px;height:40px;background-color:#1e3a5f;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border:1px solid #2563eb"><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(81,162,255);font-weight:600;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">01</p></div><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(209,213,220);font-weight:600;margin:0rem;margin-bottom:0.25rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">Create your account</p><p style="font-size:0.75rem;line-height:1.625;color:rgb(106,114,130);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Set up your profile in under two minutes.</p></td><td data-id="__react-email-column" style="text-align:center;padding-right:0.75rem;padding-left:0.75rem"><div style="width:40px;height:40px;background-color:#1e3a5f;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border:1px solid #2563eb"><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(81,162,255);font-weight:600;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">02</p></div><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(209,213,220);font-weight:600;margin:0rem;margin-bottom:0.25rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">Join the workspace</p><p style="font-size:0.75rem;line-height:1.625;color:rgb(106,114,130);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Access all shared projects and files.</p></td><td data-id="__react-email-column" style="text-align:center;padding-right:0.75rem;padding-left:0.75rem"><div style="width:40px;height:40px;background-color:#1e3a5f;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border:1px solid #2563eb"><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(81,162,255);font-weight:600;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">03</p></div><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(209,213,220);font-weight:600;margin:0rem;margin-bottom:0.25rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">Start collaborating</p><p style="font-size:0.75rem;line-height:1.625;color:rgb(106,114,130);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Work alongside your 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="background-color:#0f1a0f;border:1px solid #14532d;border-radius:0;padding:14px 32px"><tbody><tr><td><p style="font-size:0.75rem;line-height:1.625;color:rgb(5,223,114);text-align:center;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This invitation was sent securely. Arcflow will never ask for your password via email. If you did not expect this invitation, you may safely disregard it.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;padding-right:2rem;padding-left:2rem;padding-bottom:2rem;padding-top:2rem;background-color:#0d1117"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(153,161,175);font-weight:600;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Arcflow</p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(74,85,101);margin-top:0.25rem;margin-bottom:0rem">Team Collaboration Platform</p></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#1f2937;margin:16px 0"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><a href="https://twitter.com/arcflow" style="color:#6b7280;text-decoration-line:none;font-size:12px;text-decoration:none;margin-right:16px" target="_blank">Twitter</a><a href="https://linkedin.com/company/arcflow" style="color:#6b7280;text-decoration-line:none;font-size:12px;text-decoration:none;margin-right:16px" target="_blank">LinkedIn</a><a href="https://arcflow.io/blog" style="color:#6b7280;text-decoration-line:none;font-size:12px;text-decoration:none" target="_blank">Blog</a></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"><p style="font-size:0.75rem;line-height:1.625;color:rgb(74,85,101);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Arcflow Inc. · 340 Pine Street, Suite 800 · San Francisco, CA 94104</p><p style="font-size:0.75rem;line-height:1.625;color:rgb(74,85,101);margin-top:0.5rem;margin-bottom:0rem">You received this email because someone invited you to join an Arcflow workspace.</p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(74,85,101);margin-top:0.5rem;margin-bottom:0rem"><a href="https://arcflow.io/privacy" style="color:#4b5563;text-decoration-line:none;text-decoration:underline" target="_blank">Privacy Policy</a> · <a href="https://arcflow.io/terms" style="color:#4b5563;text-decoration-line:none;text-decoration:underline" target="_blank">Terms of Service</a> · <a href="https://arcflow.io/unsubscribe" style="color:#4b5563;text-decoration-line:none;text-decoration:underline" target="_blank">Unsubscribe</a></p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(54,65,83);margin-top:0.75rem;margin-bottom:0rem">Copyright 2026 Arcflow Inc. All rights reserved.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!--/$--></body></html>