/work/email-templates

e-mail templates

what it is
tool / automation
role
scoping, code, tests
year
2026
platform
MJML

Demo project: the businesses in the examples are fictional, there is no client. Code and tests were written for the portfolio.

Demo project for the portfolio.

The task: branded Turkish and English confirmations instead of default system emails, solid in Gmail and on phones.

Two emails in the palettes of this portfolio’s sites: a Limon Ağacı table booking (navy, lemon, cream) and a Mira Atelier order (sand, moss, terracotta, a typewriter heading, dashed “seams”).

MJML templates, texts in JSON, a tiny template engine with escaping.

Image-free: product colour swatches are CSS.

Dark mode, preheader, plain-text version, add-to-calendar, directions and view-order buttons.

Tests 6/6 (strict MJML, under 102 KB, no external resources); Chrome 10/10 variants at 600 and 320 px in light and dark mode with no horizontal scroll.

Not tested in real email clients.

skills and tools

  • MJML
  • HTML email
  • dark mode
  • responsive email
  • Node.js
  • TR / EN

screens

cover
cover
at 320 px: booking, order, dark mode
at 320 px: booking, order, dark mode
Limon Ağacı in the site’s palette: light and dark mode
Limon Ağacı in the site’s palette: light and dark mode
next projectdisify.dev
human