Click any text to edit it right here · click an image or link to jump to its setting
- Replace the placeholder links: Header link, Button link, Help centre link.
New Sign-in Security Alert — Free Responsive HTML Email Template
Transactional · v1.0.0 · Updated 2026-10-20 · Gmail, Outlook & Apple Mail · Dark mode
What's included
Features
About this template
New Sign-in Security Alert — Free Login Alert Email Template

New Sign-in Security Alert is a free, responsive HTML template for telling users their account was accessed from a new device or location. Login alerts are a standard security practice for apps, SaaS products, banks and marketplaces: they let people spot account takeovers early, often before any damage is done.
Calm, clear and actionable
The email opens with a shield badge and a plain headline, "New sign-in to your account", then shows exactly what happened in a details box: the device, browser or app, approximate location, IP address and time. Two short lines handle both cases without alarm: if it was you, there's nothing to do; if it wasn't, one button secures the account. A short list of security tips closes the email.
Designed to be trusted
Security emails are a favourite target for phishing, so this template follows the habits that make real alerts recognisable: it names the account with the user's email address, shows specific details instead of vague warnings, avoids attachments, and reminds users that you will never ask for their password by email or phone. Make sure the button links only to your own domain.
Works with your auth stack
Copy the HTML into Auth0, Clerk, Supabase, Firebase, Stytch or your own backend and fill the details from the sign-in event (user agent, IP geolocation and timestamp). It's transactional, so no unsubscribe link is needed. Pair it with Magic Link Sign-in, Password Reset and Verify Email for a complete set of account emails.
Extend with AI
Take This Email Further With AI
Give this prompt to an AI assistant to write your own version of the New Sign-in Security Alert email: draft ten subject lines and preheaders, adapt the copy for a customer segment, translate it, convert it to MJML or React Email, or write the plain-text version. Then paste the result back into the editor above to check it in desktop, mobile and dark mode.
Prompt to recreate it
Copy this into your AI assistant of choice to build the effect from scratch, or as a jumping-off point for your own variant:
Create a responsive HTML email: “New Sign-in Security Alert”, a transactional email.
Purpose: A login alert for apps and SaaS: a shield badge, "New sign-in to your account", the device, browser, approximate location, IP address and time in a details box, a calm "if this was you, no action needed" line, a "Secure my account" button and short security tips.
Inbox text:
- Subject line: “New sign-in to your Acme account”
- Preheader (hidden preview text): “We noticed a sign-in from a new device: Chrome on Windows in Denver, CO. Was this you?”
Content, top to bottom:
- Message & button
- Sign-in details
- Security tips
Headline: “New sign-in to your account”. Main button: “Secure my account”.
Put the key facts first (order or account details, amounts, dates) in a clear summary, with no marketing clutter.
Build it like a professional email developer:
- Table-based layout, 600px wide on desktop and fluid on mobile (width 100%, max-width 600px).
- Inline CSS on every element, with one small style block only for media queries and dark mode (prefers-color-scheme).
- A bulletproof, Outlook-safe call-to-action button (padded table cell with a VML fallback), never an image.
- Colours: brand and button #b91c1c, button text #ffffff, page background #eef0f7. Web-safe font stack with a fallback after the brand font.
- Every image has alt text and explicit width and height. Use PNG icons, never SVG, because Gmail and Outlook drop them.
- Hidden preheader text, a plain-text version, and a legal footer with the postal address, the reason the person is receiving it and a working unsubscribe link.
Finish with a short checklist of what to test in Gmail, Outlook for Windows, Apple Mail, mobile and dark mode.Want to tighten it up first? Run this prompt through the AI Prompt Studio to score it across 8 quality dimensions, catch anti-patterns, and tune the wording for Claude, ChatGPT, or Gemini before you paste it in.
Why use it
Why Use the New Sign-in Security Alert Template
How it’s different
How It’s Different From Other Free Email Templates
Step by step
How to Use
- 1Pick your email platformChoose Mailchimp, Klaviyo, HubSpot or Brevo under Merge tags so first names and unsubscribe links export in its syntax, or keep plain {{first_name}} tokens.
- 2Edit the contentFill in the message & button, sign-in details and security tips, or click any text in the preview to jump to its field. Switch the security tips on or off.
- 3Add your brandUpload or paste your logo, set the brand colour and the light and dark palettes, pick fonts, or apply your saved brand kit.
- 4Preview and checkSwitch between desktop, mobile and dark mode, and fix anything the pre-send checks flag, such as placeholder links or missing alt text.
- 5Export or forkCopy the HTML into Postmark, SendGrid, Amazon SES, Resend or your own code, copy the plain-text version, download a ZIP with images, or fork it into My Code.
Real-world uses
Common Use Cases
Got questions?
Frequently Asked Questions
Which account was accessed, the device or browser, the approximate location, the time and ideally the IP address, a clear "if this was you, do nothing" line and a single button to secure the account if it was not.
Read the user agent from the sign-in request for the device and browser, look up the IP address with a geolocation service for an approximate city and country, and record the timestamp in the user's time zone.
Send from your normal domain with SPF, DKIM and DMARC set up, name the account, show specific details, never ask for a password in the email and only link to your own domain.
No. It is a transactional security notice about the user's account, so CAN-SPAM's unsubscribe rule does not apply, and users should keep receiving it.
No. Alert on new devices, browsers or locations; alerting on every sign-in trains users to ignore the emails.
It saves an editable copy of your New Sign-in Security Alert in My Code, the UI Snippets code editor: the email markup goes in the HTML panel and its CSS (mobile and dark-mode rules plus fonts) in the CSS panel, so you can keep refining the code and save your own versions.
Yes. It is free for personal and commercial email, with no sign-up and no watermark. Everything runs in your browser, and your edits are saved locally.