Mail-template gallery

Statische HTML-mockups voor 10 transactionele en marketing-mails. Tables-based, inline-styles, geen webfonts/JS — klaar voor 1:1 conversie naar React Email-componenten.

Brand-tokens: #111 tekst · #f5f5f5 page-bg · #fff card · 8px radius · system-ui font · u-vorm · Samora-persona.

Legenda: TX transactional MK marketing · List-Unsubscribe AI AI-slot-fill P1 P2 P3 roadmap-prio

Reference (al gebouwd in ~/Dev/strijder/packages/mailer)

magic-link

Subject: "Inloggen bij StrijderPT"

P1TX

signup-verification

Pre-intake e-mail-bevestiging met polling-token (24u). Baseline-stijl voor andere transactionele.

R-004 / R-035 · Subject: "Bevestig je e-mailadres voor StrijderPT"

P1TXAI

intake-completed

Bevestiging na AI-profielgeneratie · 3-cell info-block (motivatie/niveau/traject) + optionele AI-paragraph.

R-044 · Subject: "Je intake is binnen — {{firstName}}"

P2TXAI

evaluation-4week-invite

Cron-getriggerd na 4 weken · verplichte AI-slot-fill (intro + goal-reminder uit intake-doelen + VG-data).

R-130 / R-131 / R-132 · Subject: "4 weken — tijd voor je eerste check-in"

P2TXAI

coach-checkin-digest

Wekelijkse digest naar coach (ma 08:00) · severity-rows met AI-actie-suggestie per atleet.

R-103 · Subject: "Weekbriefing check-ins — {{weekRange}}"

P2TX

escalation-motivation-video

2-dagen-no-show · HeyGen-thumbnail + clickable video-link · push-fallback voor users zonder permission.

R-110 lvl 2 / R-126 · Subject: "Een bericht van Samora"

P2MK

congratulations-streak

5-day-streak felicitatie · groot streak-getal in goud-accent · HeyGen-video · opt-in/uitschakelbaar.

R-111 / R-126 · Subject: "5 dagen op rij — proficiat, {{firstName}}!"

P3TXAI

intake-link-invite

Coach-init: dashboard → "verstuur intake-link" naar nieuwe lead · optionele coach-noot of AI-suggestie.

R-301 · Subject: "Welkom — start uw intake voor StrijderPT"

P3MKAI

reactivation

90+ dagen inactief · neutrale tone (niet schuldig-makend) · marketing-consent + List-Unsubscribe verplicht.

R-297 · Subject: "{{firstName}}, terug naar uw routine?"

P3MK

nps-survey

Na challenge-completion · NPS 0-10 + open feedback · 2-minuten ask, simpel pattern.

R-308 · Subject: "Hoe was uw {{challengeName}}-challenge?"

P3TXAI

generic-reminder

Coach-prompt → AI-body · multi-paragraph layout · optionele CTA · hoge audit-eisen (prompt + output gelogd).

R-301 · Subject: door coach/AI bepaald

Mailer-package

@strijder/mailer · SMTP via Mijndomein · React Email render

Constraints

tables-only · inline-styles · geen webfonts · geen JS · geen dark-mode

Footer-baseline

StrijderPT • noreply@strijderpt.cloud