Skip to main content

Visual Blocks

Sequenzy’s email editor includes a set of visual-first blocks that make campaigns and sequence emails look designed rather than plain. You can insert them from the block menu, and the AI email writer uses them automatically when it generates or improves emails.

Hero

The hero block overlays a headline, supporting text, and a call-to-action button on a full-width background image - the signature opening section of modern marketing emails.
  • Image variant: your text sits on top of a background photo with an adjustable color scrim that keeps it readable. The hero runs edge-to-edge when full bleed is enabled.
  • Color variant: the same layout on a solid color band, useful when you do not have a suitable image.
  • Settings: eyebrow label, heading, subheading, button, overlay color and opacity, minimum height, and left or center content alignment.
Outlook for Windows cannot render background images, so recipients there see the same content on a solid band in your overlay color. Everything stays readable - no broken layouts.

Testimonial

A styled quote block for social proof, with author name, role, an optional round avatar, and an optional 1-5 star rating rendered in your brand color.
  • Card: quote on a softly tinted panel
  • Minimal: editorial style with an accent border on the left
  • Centered: a large centered quote with a decorative quote mark
  • Quote: a serif pull-quote with a short accent rule and letterspaced attribution
  • Editorial: a large serif quote set between thin hairline rules - the most magazine-like treatment, with no panel at all
A multi-image grid for lookbooks, product roundups, and event photos.
  • Two-up: pairs of images per row
  • Three-up: three images per row
  • Mosaic: one large image with a row of smaller images below
Each image can link to its own URL, and you control the gap, corner radius, and row height.

Badge

A small label pill for eyebrows and status tags, for example NEW, SALE, or CASE STUDY.
  • Pill: filled with your brand color
  • Outline: bordered
  • Soft: tinted background with brand-colored text

Table

A data table for pricing changes, plan comparisons, specs, and order summaries. You define up to six columns (each with its own left, center, or right alignment) and up to 30 rows of plain-text cells - merge tags work inside cells.
  • Header row: shown by default on a tinted background, or hide it for simple grids
  • Zebra striping: tint every other row for easier scanning on longer tables

Features

A feature-highlight grid: emoji, title, and description items arranged in one to three columns.
  • Cards: each feature on a tinted tile
  • Plain: centered text without panels
  • Icon left: the emoji sits beside each feature as a text row
Use it for “what’s included”, “how it works” steps, or benefit summaries without building the layout by hand from columns.

Image Card

An image and copy paired on a single card: picture, title, description, and an optional button.
  • Image top: the image spans the card with content below, like a blog or product card
  • Image left / Image right: the image sits beside the copy in a split layout
A header band for the top of your email, built around your company logo (the same logo your logo block uses).
  • Logo only: just the logo, left-aligned or centered
  • Logo + button: logo on the left, a brand-colored button on the right
  • Logo + nav: logo on the left with up to four text links on the right, like a website masthead

Button Styles

Buttons come in five styles so every email does not have to end in the same filled pill:
  • Fill: your brand color as a solid button - the default
  • Outline: a bordered button with brand-colored text
  • Pill: a fully rounded filled button
  • Ink: a near-black editorial fill that pairs with any brand color
  • Link: a quiet letterspaced-caps text link with a trailing arrow, for secondary actions and soft section endings

Setting button colors through the API

In the editor, the Button color and Text color pickers write to the block’s buttonColor and buttonTextColor fields. The separate Background control writes to styles.backgroundColor, which is the band the block sits in rather than the button itself. That distinction matters when you write blocks through the API, CLI, or MCP: Leave buttonColor and buttonTextColor unset to inherit your email theme’s primary color - that is why a button can keep its old color after you set styles.backgroundColor on it. Campaign, template, transactional, and A/B test variant writes that set a field a block does not support still succeed, and the response carries a warnings array naming the ignored field and the fields that block does accept. The CLI prints those warnings, and MCP returns them in the tool result. Sequence email steps do not report block field warnings yet, so check their blocks against the tables above.

Repeated Blocks Are Reported

Every block you send is stored. Nothing is removed for looking like a duplicate. When a run of two or more blocks repeats the run immediately before it, campaign and template writes add a note to the same warnings array, so a generator that emitted the same section twice is easy to spot without the API deciding for you. Block ids, styling, and whitespace differences are ignored when detecting a repeat, so a section you deliberately repeated in a second colored band is reported too - that is a note about your blocks, not a change to them. Sequence email steps do not report repeated runs yet. Blocks that come back from AI email generation are the exception: those are de-duplicated before they reach a draft, because a model repeating the whole body is a generation fault rather than a choice.

Image Captions and Frames

Image blocks can carry a small muted caption line below the photo, and an optional frame treatment:
  • Border: a thin hairline drawn directly around the image
  • Mat: a white gallery mat inside a hairline border, like a framed print
Both make photography feel art-directed instead of pasted in.

Numbered Headings

Headings accept an optional index label (for example “01”) rendered as oversized muted typography beside the heading text - pure typography for numbered editorial sections, with no circles or connectors.

Ready-Made Editorial Components

The editor’s block menu (and the / slash menu) includes composed editorial pieces you can drop in as-is:
  • Framed Box: a thick-bordered square section with a numbered heading - the brutalist “make one point well” panel
  • Numbered Heading: a heading with an oversized “01” index already attached
  • Editorial Quote: the serif pull-quote between hairline rules
  • Ledger: a borderless label/value table for specs, editions, and statements
  • Matted Photo: an image pre-set with the white gallery mat and a caption
  • Ink and Text Link buttons, plus Dots and Accent Bar dividers, directly from the Buttons and Layout categories

Divider Styles

The divider block now supports three styles: a classic line (with custom width and color), dots for editorial section breaks, and a short accent bar in your brand color that works well under section headings.

AI Generation

When you generate an email with AI - in the campaign assistant or when AI writes sequence emails - it composes with these blocks automatically: opening with a header or hero, using badges as eyebrow labels, adding testimonials for social proof, laying out benefits with features grids, presenting pricing or specs as tables, and building galleries and image cards for product or photo content. Images come from your brand imagery, your product catalog, or a curated stock library, and the AI only uses real image URLs it was given. The AI can also add countdown timers when an email has a real deadline, such as a sale ending or an event starting. All visual blocks follow your email theme, so colors, corner radius, and typography stay consistent with the rest of your email.