A page is a vertical stack of blocks. Each block is a small, typed piece — a hero banner, a chunk of text, a gallery, a spacer. Pick the right block for the job and you don't have to fight the editor. Here's what each of the seven types is for.
Hero Banner
A full-width banner for the top of the page. Has a headline, a sub-headline, a background image, and an optional call-to-action button. Use it once, at the top.
Good for: the first thing a visitor sees — the pitch, the value prop, the "what is this site."
Text Content
A block of HTML. Free-form body text with headings, paragraphs, lists, links, inline images — whatever rich HTML supports. This is the workhorse block for actual prose.
Good for: paragraphs, "About" sections, feature descriptions, anything that reads like an article.
Image + Text
An image on one side, a text column on the other. Usually used in series, alternating which side the image sits on, to produce a feature-tour feel.
Good for: feature callouts, team-member rows, step-by-step walkthroughs with illustrations.
Image Gallery
A grid of images. Each gallery block holds multiple image URLs and renders them as a responsive grid.
Good for: screenshot galleries, portfolios, photo roll-ups.
Call to Action (CTA)
A prominent button with a headline and optional sub-text. Standalone — designed to interrupt the reading flow and push the visitor toward a conversion.
Good for: "Get started", "Contact us", "Sign up for the beta" — anywhere you want a hard conversion moment.
Custom HTML
A raw HTML escape hatch. Paste any markup — embeds, iframes, custom widgets, third-party scripts. Whatever you put in gets rendered verbatim inside the page flow.
Good for: video embeds, form widgets, custom designs the other block types can't express. Careful: you own the HTML you paste — broken markup shows as broken layout.
Spacer
Empty vertical space. That's the whole block. Configure a height; the block renders that much blank space between its neighbors.
Good for: breathing room between sections when two adjacent blocks sit too tight, or when you want a visual break without a CSS tweak.
Choosing the right block
- "I just want paragraphs" → Text Content.
- "I want a big headline with a background image" → Hero Banner.
- "I want to sell a feature with a screenshot next to it" → Image + Text.
- "I want a button that drives sign-ups" → CTA.
- "I want to show off a bunch of photos" → Image Gallery.
- "The block types don't fit what I want" → Custom HTML.
- "These two blocks look cramped" → Spacer between them.