New Direct Message Alert
Email notification alerting a user they have received a new direct message.
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/company-logo.png"/><link rel="preload" as="image" href="/static/people/person-headshot3.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(249,250,251);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">Alex Morgan sent you a new message: "Hey, I wanted to follow up on the API integration we discussed..."<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(249,250,251);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="max-width:600px;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;padding-bottom:2.5rem;padding-top:2.5rem"><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;border-style:solid;border-width:1px;border-bottom-style:solid;border-bottom-width:0px;border-color:rgb(229,231,235);padding-right:2rem;padding-left:2rem;padding-bottom:1.25rem;padding-top:1.25rem"><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"><img alt="Community App Logo" height="32" src="/static/company-logo.png" style="display:block;outline:none;border:none;text-decoration:none" width="120"/></td><td align="right" data-id="__react-email-column"><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(153,161,175);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Direct Message Notification</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(43,127,255);height:3px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-right-width:1px;border-color:rgb(229,231,235)"><tbody><tr><td><p style="font-size:0px;line-height:1;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"> </p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);border-style:solid;border-width:1px;border-top-style:solid;border-top-width:0px;border-bottom-style:solid;border-bottom-width:0px;border-color:rgb(229,231,235);padding-right:2rem;padding-left:2rem;padding-bottom:2.5rem;padding-top:2.5rem"><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 align="center" data-id="__react-email-column"><p style="font-size:11px;line-height:24px;text-transform:uppercase;letter-spacing:0.1em;color:rgb(43,127,255);font-weight:600;margin:0rem;margin-bottom:0.75rem;text-align:center;margin-top:0rem;margin-left:0rem;margin-right:0rem">New Message</p><h1 style="color:rgb(16,24,40);font-size:26px;font-weight:600;line-height:1.25;margin:0rem;margin-bottom:0.5rem;text-align:center">You have a new message</h1><p style="font-size:15px;line-height:24px;color:rgb(106,114,130);margin:0rem;text-align:center;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">A community member has sent you a direct message.</p></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(243,244,246);margin-bottom:2rem;margin-top:2rem"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(249,250,251);border-radius:0.75rem;border-style:solid;border-width:1px;border-color:rgb(229,231,235);padding-right:1.5rem;padding-left:1.5rem;padding-bottom:1.5rem;padding-top:1.5rem"><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 align="left" data-id="__react-email-column" style="width:56px;padding-right:1rem"><img alt="Alex Morgan profile photo" height="48" src="/static/people/person-headshot3.png" style="display:block;outline:none;border:none;text-decoration:none;border-radius:9999px;border-style:solid;border-width:2px;border-color:rgb(219,234,254)" width="48"/></td><td data-id="__react-email-column"><p style="font-size:15px;line-height:1.375;color:rgb(16,24,40);font-weight:600;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Alex Morgan</p><p style="font-size:12px;line-height:1.375;color:rgb(153,161,175);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">@alexmorgan · Community Member</p></td><td align="right" data-id="__react-email-column"><p style="font-size:11px;line-height:24px;color:rgb(153,161,175);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Today at 2:41 PM</p></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:1.25rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);border-style:solid;border-width:1px;border-color:rgb(229,231,235);border-radius:0.75rem;padding-right:1.5rem;padding-left:1.5rem;padding-bottom:1.25rem;padding-top:1.25rem;border-left-style:solid;border-left-width:4px;border-left-color:rgb(43,127,255)"><tbody><tr><td><p style="font-size:15px;line-height:1.625;color:rgb(30,41,57);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">"Hey, I wanted to follow up on the API integration we discussed in the #backend channel last week. I have a few questions about the Supabase row-level security setup..."</p><p style="font-size:13px;line-height:24px;color:rgb(43,127,255);margin:0rem;margin-top:0.75rem;font-weight:500;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Message truncated. Open the app to read the full conversation.</p></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:2rem;text-align:center"><tbody><tr><td><a href="https://app.example.com/messages/alex-morgan" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(43,127,255);color:rgb(255,255,255);font-size:15px;font-weight:600;border-radius:0.5rem;padding-right:32px;padding-left:32px;padding-bottom:16px;padding-top:16px;text-decoration-line:none" target="_blank"><span><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:24" hidden>    </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:12px">Reply to Message</span><span><!--[if mso]><i style="mso-font-width:400%" hidden>    ​</i><![endif]--></span></a></td></tr></tbody></table><p style="font-size:12px;line-height:24px;color:rgb(153,161,175);text-align:center;margin-top:0rem;margin:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Or open the app directly to view your full inbox.</p><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(243,244,246);margin-bottom:2rem;margin-top:2rem"/><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="padding-right:0.75rem"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(249,250,251);border-radius:0.5rem;border-style:solid;border-width:1px;border-color:rgb(229,231,235);padding-right:1rem;padding-left:1rem;padding-bottom:1rem;padding-top:1rem"><tbody><tr><td><p style="font-size:11px;line-height:24px;text-transform:uppercase;letter-spacing:0.1em;color:rgb(153,161,175);margin:0rem;margin-bottom:0.25rem;font-weight:600;margin-top:0rem;margin-left:0rem;margin-right:0rem">Sent Via</p><p style="font-size:13px;line-height:24px;color:rgb(54,65,83);margin:0rem;font-weight:500;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Community Messaging</p></td></tr></tbody></table></td><td data-id="__react-email-column" style="padding-left:0.75rem"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(249,250,251);border-radius:0.5rem;border-style:solid;border-width:1px;border-color:rgb(229,231,235);padding-right:1rem;padding-left:1rem;padding-bottom:1rem;padding-top:1rem"><tbody><tr><td><p style="font-size:11px;line-height:24px;text-transform:uppercase;letter-spacing:0.1em;color:rgb(153,161,175);margin:0rem;margin-bottom:0.25rem;font-weight:600;margin-top:0rem;margin-left:0rem;margin-right:0rem">Workspace</p><p style="font-size:13px;line-height:24px;color:rgb(54,65,83);margin:0rem;font-weight:500;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Dev Community Hub</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(243,244,246);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-style:solid;border-width:1px;border-top-style:solid;border-top-width:0px;border-color:rgb(229,231,235);padding-right:2rem;padding-left:2rem;padding-bottom:1.75rem;padding-top:1.75rem"><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 align="center" data-id="__react-email-column"><p style="font-size:12px;line-height:1.625;color:rgb(153,161,175);text-align:center;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">You are receiving this email because you have direct message notifications enabled for your account.</p><p style="font-size:12px;line-height:1.625;color:rgb(153,161,175);text-align:center;margin:0rem;margin-top:0.75rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><a href="https://app.example.com/settings/notifications" style="color:rgb(43,127,255);text-decoration-line:underline" target="_blank">Manage notification preferences</a> · <a href="https://app.example.com/settings/notifications/unsubscribe" style="color:rgb(43,127,255);text-decoration-line:underline" target="_blank">Unsubscribe from message alerts</a></p><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(229,231,235);margin-bottom:1.25rem;margin-top:1.25rem"/><p style="font-size:11px;line-height:24px;color:rgb(209,213,220);text-align:center;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">EmailBits Community App · 123 Developer Lane, San Francisco, CA 94107</p><p style="font-size:11px;line-height:24px;color:rgb(209,213,220);text-align:center;margin:0rem;margin-top:0.25rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">© 2026 EmailBits. All rights reserved.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!--/$--></body></html>