Design tokens
The palette, type, spacing, and assets behind every email — from _shared/email-config.ts. Greys are a WCAG-AA ladder that clears 4.5:1 on the harder #F5F5F7 footer band.
Colour
Type scale
Heading 1
40 / 44 · −0.022em · 600
Heading 2
28 / 34 · −0.02em · 600
Heading 3
22 / 29 · −0.01em · 600
Lead
19 / 27
Body
16 / 28
Eyebrow / label
12 · 2.5px tracking · uppercase
Legal
12 / 18
Spacing — Spacer(n)
4
8
12
14
16
20
24
28
32
36
40
48
56
64
Button cards — EMAIL_BUTTONS (300×168 animated GIF)
Status dots · Social icons
Sender & Reply-To matrix
| Audience | Mail-class | From | Reply-To |
|---|---|---|---|
| member | marketing | insights@thequantumclub.nl | concierge@thequantumclub.nl |
| member | transactional | notifications@thequantumclub.nl | concierge@thequantumclub.nl |
| member | security | accounts@thequantumclub.nl | security@thequantumclub.nl |
| partner | service | partners@thequantumclub.nl | partnerships@thequantumclub.nl |
| partner | marketing | partners@thequantumclub.nl | partnerships@thequantumclub.nl |
| partner | system | partners@thequantumclub.nl | partnerships@thequantumclub.nl |
| admin | alert | noreply@thequantumclub.nl | — (no-reply) |
| admin | digest | noreply@thequantumclub.nl | — (no-reply) |