Foundry

Email

The transactional emails every app ends up needing, each with a plain-text version. Table layout, inline styles and no remote image, because many mail clients ignore stylesheets and block images. Copy the files in templates/components/email/ rather than building new ones.

Invitation: as sent

Subject: Tom Whitaker invited you to Northfield Health Partners

Plain-text version

Join Northfield Health Partners

Tom Whitaker has invited you to join Northfield Health Partners on Foundry as a Viewer.

Accept the invitation:
https://example.test/invite/demo-token

The invitation lasts until 22 October 2026. If you weren't expecting it, you can ignore this email: nothing happens unless you accept.

--
You are receiving this because Tom Whitaker entered this address. You don't have a Foundry account until you accept.

Copying these into your own app

  1. Copy _layout.html.twig and _button.html.twig, then each email you need as its .html.twig and .txt.twig pair.
  2. Set accentColor to your app's own accent hex and appName to its name.
  3. Send both parts from the same values: htmlTemplate() and textTemplate() on one TemplatedEmail, with one context().
  4. Never reference a remote image, your logo included. The coloured tile in the header is the deliberate substitute.

Customise

Changes apply as you choose them.

Theme
Colour

Preview the kit in another accent. Fifteen colours, evenly spaced and equally strong, each measured to pass AA in light and dark; high contrast keeps its own.

Skin
Layout

On screens narrower than a laptop every layout uses the slide-out menu.

Content width
Density
Font
Space Grotesk headings, IBM Plex Sans text
Inter throughout
Your device's own font

Saved in two cookies on this device (fo_theme, fo_shell), never sent anywhere else. Privacy notice.

Help

About this page

Email layout

The branded transactional email every app copies. The preview is the real HTML an email client receives, built with tables and inline styles because that is what email clients still need.


Without a mouse

Every control on this site works from the keyboard, including this panel (Escape closes it). Anything you can drag also has a menu or form that does the same thing.


Still stuck?