Reauthentication – Illustrated

Illustrated whimsical reauthentication prompt.

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/7C3AED"/><link rel="preload" as="image" href="https://placehold.in/20x20@2x.png/7C3AED"/><link rel="preload" as="image" href="https://placehold.in/20x20@2x.png/6B7280"/><link rel="preload" as="image" href="https://placehold.in/20x20@2x.png/3B82F6"/><link rel="preload" as="image" href="https://placehold.in/28x28@2x.png/7C3AED"/><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(241,245,249);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">Quick verification needed — confirm it is you to continue<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(241,245,249);margin:0rem;padding:0rem;font-family:ui-sans-serif,system-ui,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;,&quot;Segoe UI Symbol&quot;,&quot;Noto Color Emoji&quot;"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(241,245,249);padding-bottom:2rem;padding-top:2rem;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:600px;margin-right:auto;margin-left:auto"><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(241,245,249)"><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:13px;line-height:24px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgb(142,81,255);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">SecureAuth</p></td><td data-id="__react-email-column" style="text-align:right"><p style="font-size:12px;line-height:24px;color:rgb(144,161,185);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Identity Verification</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:2.5rem;background-color:#EDE9FE"><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;background-color:#DDD6FE;border-radius:50%;width:96px;height:96px;line-height:96px;text-align:center;margin:0 auto 24px auto"><img alt="Security shield illustration" height="96" src="https://placehold.in/96x96@2x.png/7C3AED" style="display:block;outline:none;border:none;text-decoration:none;border-radius:50%" 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;padding-right:1rem;padding-left:1rem"><h1 style="font-size:28px;font-weight:700;color:rgb(77,23,154);text-align:center;margin:0rem;margin-bottom:1rem;line-height:1.25">Quick — let&#x27;s confirm it&#x27;s you</h1><p style="font-size:16px;line-height:1.625;color:rgb(112,8,231);text-align:center;margin:0rem;margin-bottom:2rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">You&#x27;re about to make a change to your account. Tap below to verify your identity and continue safely.</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="text-align:center"><a href="https://secureauth.example.com/verify?token=abc123xyz" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#7C3AED;color:#ffffff;border-radius:10px;font-size:16px;font-weight:700;padding:14px 40px;letter-spacing:0.01em;padding-top:14px;padding-right:40px;padding-bottom:14px;padding-left:40px" target="_blank"><span><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:21" hidden>&#8202;&#8202;&#8202;&#8202;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:10.5px">Yes, It&#x27;s Me</span><span><!--[if mso]><i style="mso-font-width:500%" hidden>&#8202;&#8202;&#8202;&#8202;&#8203;</i><![endif]--></span></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:12px;line-height:24px;color:rgb(166,132,255);text-align:center;margin:0rem;margin-top:1rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This button expires in 15 minutes</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(255,255,255);padding-right:2rem;padding-left:2rem;padding-bottom:2rem;padding-top:2rem"><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"><h2 style="font-size:15px;font-weight:600;color:rgb(49,65,88);margin:0rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.05em">What triggered this?</h2></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:0.75rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:32px;vertical-align:top;padding-top:0.25rem"><img alt="Action icon" height="20" src="https://placehold.in/20x20@2x.png/7C3AED" style="display:block;outline:none;border:none;text-decoration:none;border-radius:4px" width="20"/></td><td data-id="__react-email-column" style="vertical-align:top;padding-left:0.75rem"><p style="font-size:13px;line-height:24px;color:rgb(98,116,142);margin:0rem;margin-bottom:0.25rem;text-transform:uppercase;letter-spacing:0.025em;font-weight:600;margin-top:0rem;margin-left:0rem;margin-right:0rem">Requested Action</p><p style="font-size:15px;line-height:24px;color:rgb(29,41,61);margin:0rem;font-weight:500;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Change of primary email address</p></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(241,245,249);margin-bottom:1rem;margin-top:1rem"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:0.75rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:32px;vertical-align:top;padding-top:0.25rem"><img alt="Time icon" height="20" src="https://placehold.in/20x20@2x.png/6B7280" style="display:block;outline:none;border:none;text-decoration:none;border-radius:4px" width="20"/></td><td data-id="__react-email-column" style="vertical-align:top;padding-left:0.75rem"><p style="font-size:13px;line-height:24px;color:rgb(98,116,142);margin:0rem;margin-bottom:0.25rem;text-transform:uppercase;letter-spacing:0.025em;font-weight:600;margin-top:0rem;margin-left:0rem;margin-right:0rem">Request Time</p><p style="font-size:15px;line-height:24px;color:rgb(29,41,61);margin:0rem;font-weight:500;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Wednesday, 14 January 2026 at 9:42 AM UTC</p></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(241,245,249);margin-bottom:1rem;margin-top:1rem"/><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:32px;vertical-align:top;padding-top:0.25rem"><img alt="Device icon" height="20" src="https://placehold.in/20x20@2x.png/3B82F6" style="display:block;outline:none;border:none;text-decoration:none;border-radius:4px" width="20"/></td><td data-id="__react-email-column" style="vertical-align:top;padding-left:0.75rem"><p style="font-size:13px;line-height:24px;color:rgb(98,116,142);margin:0rem;margin-bottom:0.25rem;text-transform:uppercase;letter-spacing:0.025em;font-weight:600;margin-top:0rem;margin-left:0rem;margin-right:0rem">Device Detected</p><p style="font-size:15px;line-height:24px;color:rgb(29,41,61);margin:0rem;font-weight:500;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Chrome on macOS — San Francisco, CA</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:1.5rem;padding-top:1.5rem;background-color:#FEF3C7"><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:14px;line-height:1.625;color:rgb(151,60,0);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><strong>Not you?</strong> If you did not request this change, please<!-- --> <a href="https://secureauth.example.com/lock-account" style="color:#92400E;text-decoration-line:none;font-weight:600" target="_blank">lock your account immediately</a> <!-- -->and contact our support team. We are here to help.</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(255,255,255);padding-right:2rem;padding-left:2rem;padding-top:2rem;padding-bottom: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 data-id="__react-email-column"><h2 style="font-size:15px;font-weight:600;color:rgb(49,65,88);margin:0rem;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:0.05em">Keeping your account safe</h2></td></tr></tbody></table><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="width:8px;vertical-align:top;border-left:3px solid #7C3AED;padding-left:12px"><p style="font-size:14px;line-height:1.625;color:rgb(49,65,88);margin:0rem;padding-left:0.75rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">We will <strong>never</strong> ask for your password via email, SMS, or phone call.</p></td></tr></tbody></table><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="border-left:3px solid #7C3AED;padding-left:12px"><p style="font-size:14px;line-height:1.625;color:rgb(49,65,88);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Verification links are single-use and expire after<!-- --> <strong>15 minutes</strong> for your protection.</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="border-left:3px solid #7C3AED;padding-left:12px"><p style="font-size:14px;line-height:1.625;color:rgb(49,65,88);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Enable two-factor authentication for an extra layer of security on your account.</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:1.25rem;padding-top:1.25rem;background-color:#F8F7FF"><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:12px;line-height:1.625;color:rgb(98,116,142);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Button not working? Copy and paste this link into your browser:</p><p style="font-size:12px;line-height:24px;margin:0rem;margin-top:0.25rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><a href="https://secureauth.example.com/verify?token=abc123xyz" style="color:#7C3AED;text-decoration-line:none;word-break:break-all" target="_blank">https://secureauth.example.com/verify?token=abc123xyz</a></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(255,255,255);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;padding-right:2rem;padding-left:2rem;padding-top:1.5rem;padding-bottom:2rem"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(226,232,240);margin-bottom:1.5rem"/><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"><img alt="Secure padlock" height="28" src="https://placehold.in/28x28@2x.png/7C3AED" style="display:inline-block;outline:none;border:none;text-decoration:none;border-radius:50%;margin:0 auto" width="28"/></td></tr></tbody></table><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:13px;line-height:1.625;color:rgb(98,116,142);text-align:center;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This is an automated security email from<!-- --> <strong>SecureAuth</strong>. Please do not reply directly to this message.</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="text-align:center"><a href="https://secureauth.example.com/help" style="color:#7C3AED;text-decoration-line:none;font-size:13px;margin-right:16px;text-decoration:none" target="_blank">Help Center</a><a href="https://secureauth.example.com/privacy" style="color:#7C3AED;text-decoration-line:none;font-size:13px;margin-right:16px;text-decoration:none" target="_blank">Privacy Policy</a><a href="https://secureauth.example.com/terms" style="color:#7C3AED;text-decoration-line:none;font-size:13px;text-decoration:none" target="_blank">Terms of Use</a></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(241,245,249);margin-bottom:1.25rem"/><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:11px;line-height:1.625;color:rgb(144,161,185);text-align:center;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">SecureAuth Inc. — 340 Pine Street, Suite 800, San Francisco, CA 94104</p><p style="font-size:11px;line-height:24px;color:rgb(144,161,185);text-align:center;margin:0rem;margin-top:0.25rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">2026 SecureAuth 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>
Reauthentication – Illustrated | EmailBits