Welcome Email Template

The whole email moves toward one action. After a small "New here" badge and the headline "Welcome to Verda," two short paragraphs set the tone, then three numbered steps tell the reader exactly what to do first: find your skin type, start with one product, keep it simple. Every step has a teal circle with a number, a bold line, and one sentence of detail. There is a single button, "Start your ritual." No second offer, no menu of links competing for the click.

The layout reads top to bottom in a clear order. A wordmark row ("VERDA" on the left, "Plant-based skincare" on the right) sits above an image-led hero with rounded corners. Below the steps comes the button, then a short sign-off that says a real person reads every reply, signed "Mara and the Verda team." A thin divider separates the footer, which carries the brand name, a physical mailing address, the signup reason, and unsubscribe plus email-preference links.

The type and color choices stay restrained. The headline runs at 46px in slate ink; body copy sits around 17px with generous line height. One teal (#23545b) does the work for the step markers and the button, a soft mint pill marks the badge, and everything sits on a cool off-white ground instead of plain white. The typeface is Hanken Grotesk, with Helvetica and Arial as fallbacks so the email still looks right where the web font does not load.

Email clients are not browsers. Outlook on Windows uses Word to draw HTML, Gmail strips out anything it does not like, and dark mode can flip your colors. This template is built for those rules, not against them.

The layout is one 600px table centered inside a full-width background table, with nested tables for the steps and footer. Every style is inline, so no client can drop a stylesheet and break the design. The headline, steps, and sign-off are live text, not baked into an image, so they stay sharp, stay readable when images are blocked, and resize on small screens. There is one media query for mobile, which is all most clients honor anyway.

The button is bulletproof. For Outlook it uses VML (the roundrect markup), and everywhere else it is a styled link with a fixed width and line height, so the whole shape is clickable and the corners render the same. The head includes an MSO conditional block, a 96 DPI fix, and the color-scheme meta tags set to light, which keeps dark-mode clients from inverting the off-white ground and the teal. The hero has real alt text, so a reader with images off still sees what it was.

Open the template file and copy all of the HTML. In Klaviyo, create a new email, choose to start from HTML or drag in an HTML block, and paste the full markup. In Mailchimp, start a new campaign, pick the "Code your own" or "Paste in code" import option, and paste it there. The table structure survives the import in both.

Now make it yours. Swap "VERDA" for your brand name, replace the hero image URL with your own (keep it near 512px wide so it stays crisp on retina screens), and rewrite the badge, headline, three steps, and sign-off. Change the teal hex to your brand color in two places, the step circles and the button, and update the button link. Fill in the footer with your real mailing address and your ESP's unsubscribe merge tag.

Test before you send. Use Klaviyo's or Mailchimp's preview and inbox-testing tools, or send yourself a copy, and check it in Gmail, Apple Mail, and Outlook, in both light and dark mode. Confirm the button and links work, then send to your welcome flow or list.