Branding via Code: The Amber Terminal Email
Email clients strip external CSS and mangle layouts. “Pretty SaaS” templates look cheap. Infrastructure aesthetic—dark chrome, amber accent, monospace micro-type—reads as credible to builders.
Source file: lib/marketing/viral-moment-announce-email.ts
This module is HTML-only, built from string templates. Design tokens are constants, not Figma hand-waves:
const BG = '#0a0a0a';
const CARD = '#111111';
const BORDER = '#333333';
const AMBER = '#FFBF00';
const TEXT = '#ffffff';
const MUTED = '#a1a1aa';
Preheader is hidden with display:none + mso-hide:all patterns for clients that support it. The visible header uses a monospace micro-label:
LOCAL-FIRST · SOVEREIGN AI
buildViralMomentAnnounceHtml(greetName) returns a full <!DOCTYPE html> document consumed by Resend scripts and /api/cron/viral-moment-blast.
Why inline styles
There is no shared stylesheet in email — every margin, font, and border is style="..." on table cells. That is the engineering trade: verbose TS, predictable rendering.
Campaign copy vs product truth
Body copy may cite growth milestones (e.g. user counts). Treat those as campaign narrative unless they match a frozen GA4 export the same week. Mismatch between email and analytics erodes trust.
Part 8 of Sovereign Engineering.
Read the full Sovereign Intelligence book or try the app.
