| , never .
3. OUTER table: width="100%", background #FFFFFF. INNER table: width="680" (attribute), centered with align="center".
4. Full document: <!DOCTYPE html>, <html lang="en">, <head> with <meta charset="UTF-8">, <meta name="viewport" content="width=device-width, initial-scale=1.0">, </head>, <body style="margin:0;padding:0;background-color:#ffffff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">.
5. COLORS — only four:
- #1a1a1a — headings, sub-headings (font-weight:700 or 600)
- #333333 — body text, table cells
- #666666 — footnotes, citations, muted text
- #f7f7f7 — data table header row background only
No brand colors, banners, or decorative elements.
6. TYPOGRAPHY: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif on every
. line-height:1.6 for body, 1.3 for headings.
ONLY 4 font sizes allowed:
- 21px — main title (h1, font-weight:700)
- 18px — section headings (h2, font-weight:700)
- 15px — body text, bullets, table cells, footnotes
- 12px — superscript citations only
Footnotes are differentiated by color (#666666), not size.
7. SEPARATORS: with
9. DATA TABLES: border:1px solid #e0e0e0, border-collapse:collapse. Header row: bgcolor="#f7f7f7", font-weight:600. Number columns: text-align:right. All cells: padding:10px 12px.
10. STRUCTURE: greeting → title → intro paragraph → separator → sections with sub-headings and bullets → separator → data table → separator → forward-looking content → separator → footnotes (color:#666666, font-style:italic for disclaimer) → sign-off.
11. No without explicit margin (margin:0 0 Npx 0). No images, buttons, preheader, or unsubscribe row — this is an internal analysis email.
12. Inner table padding: 32px 24px top/sides, generous vertical spacing (28px) between sections.
Output ONLY raw HTML. No markdown fences or commentary.
2. Skeleton<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Template:SUBJECT</title>
</head>
<body style="margin:0;padding:0;background-color:#ffffff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
| between major sections. Use sparingly.
8. BULLET POINTS via table rows:
|
| • |
Content [1] |
</body>
</html>
3. Outlook Pitfalls
| Pitfall | Fix |
|---------------------------------|------------------------------------------------|
| max-width ignored | Set width="680" as attribute |
| layout breaks | Use / | only |
| <style> block stripped | Inline all CSS |
| Padding on | Move to | |
| Bare extra spacing | Explicit margin:0 0 Npx 0 |
| Unitless line-height rendering | Acceptable at 1.6; use px if issues arise |
| System fonts missing | Stack ends with Arial, sans-serif as fallback |
| bgcolor not applied | Set both bgcolor attr AND style on data table | |
|
| |