Composing an email with blocks

The composer is a 3-column layout: block library on the left, live preview in the middle, inspector on the right. Click any block in the preview to edit it; click an empty area to edit campaign-level settings (sender, recipients, brand colors).

Available blocks:
• Header — logo + optional headline at the top
• Hero — large banner image with overlay text and CTA
• Text — paragraphs with basic inline HTML (bold, italic, links)
• Image — standalone image, optionally linked, full or half width
• Button — centered call-to-action, filled or outline style
• Divider — horizontal rule between sections
• Spacer — vertical whitespace
• Columns — 2 or 3 columns of text + optional images
• Product Feature — image + heading + body + CTA, with the image on top, left, or right
• Social Links — row of links to your social accounts

To add a block, click it in the left library — it's appended to the bottom of the email. To reorder, click the block in the preview and use the ↑ / ↓ buttons in the floating toolbar. To delete, click ×.

Subject and preheader live in a small panel above the preview. The preheader is the short line that appears in inbox lists right after the subject — keep it under 90 characters.

Why blocks instead of a visual page editor? Email clients (Gmail, Outlook, Apple Mail) strip flexbox and modern CSS. Blocks render as nested tables with inline styles, which renders consistently everywhere.

Auto-save runs about a second after you stop typing. The "Saved" indicator near the title confirms each save.