Systems · 08
Emailer
Marketing and lifecycle email, built for inbox reality: a 600px body, a maroon header with the white wordmark, one clear message, one magenta CTA, and a quiet footer. Web-safe fallbacks for everything.
brand #e92589600px · inline stylesPP Neue Montreal + Interclient-safe
What’s inside
01Anatomy02Template03Rules04Newsletter builder
Flo v2 · renewals
Your renewals, handled before they hit.
Flo routes the ones that need a decision.
Book a demo
Ollily · unsubscribe
Anatomy
- Header — maroon band, white wordmark, centered.
- Hero — one display headline and a line of body. No more than one idea.
- CTA — a single magenta button. Verb label. Never two competing actions.
- Footer — muted, sentence case, unsubscribe and address.
Template
--maroon--flo-pink600px body
Rules
- Body maxes at 600px. Single column. Real text, not an image of text.
- One CTA. If there’s a secondary action, make it a plain text link, not a second button.
- The maroon header and magenta CTA are the only brand colour — the rest stays neutral.
- Always ship a plain-text alternative and alt text on the logo.
Newsletter builder
Assemble a full newsletter without touching design tools: drag branded blocks (hero, feature list, stat callout, quote, image, CTA), edit everything inline, link the CTAs, then copy email-safe HTML or export a pixel-perfect PNG. Autosaves as you work.
It runs entirely in your browser — start from a template (Product launch, Monthly update, Customer story, Renewal reminder, Procurement insights, Executive brief) and paste the result straight into Gmail, HubSpot, or your ESP.
Was this page helpful?