Skip to main content
Document Builder

The block library

A reference of all 56 block types, grouped the way they appear in the Add-a-block menu.

When you click + Block, the blocks are organized into eight groups. Here's the full catalog so you can find the right one. Everything about a block stays editable after you add it.

Text

BlockWhat it's for
HeadingA section title, with an optional accent rule.
Rich textA paragraph of body copy. A blank line starts a new paragraph.
CalloutA boxed note, tip or warning that stands out from the surrounding copy.
Pull quoteA bold pull quote or customer testimonial, with optional attribution.

Product

BlockWhat it's for
Product overviewThe product masthead: name, model, part numbers, description and image.
Contact detailsCompany, website, email, phone and address, with links auto-formatted.
Catalog entryOne product at catalog density: image, code and name, key specs and its order codes.
Territory mapCoverage as a tile map of states, solid where you stock and tinted for select lines.
Proof metricsA row of headline numbers, a big value and a short label each.
Cover / hero bandA cover band: eyebrow, big title and subtitle beside an image, with optional headline metrics and a background color.
Spec cardsA grid of headline value / label / note cards for at-a-glance key specs.
Call to actionA closing “next action” band with a headline and a contact or link button.
IP ratingAn ingress-protection badge (e.g. IP67) with the solids and water digits explained.

Lists

BlockWhat it's for
Bullet listA scannable list, with optional markers and row shading.
Numbered listAn ordered list for steps like installation or setup.
Feature listBold feature names, each with a short explanation.
ChecklistCheck items, each ticked or unticked.
TimelineMilestones or key dates, laid out down the page or horizontally across it, each with a short detail.
Feature gridFeatures laid out as an icon grid: a visual benefits section, with a wide icon, emoji, number, letter and symbol library to choose from.

Tables

BlockWhat it's for
SpecificationsA property-and-value table, in one or two columns.
TableA spreadsheet-grade grid: paste from Excel; merge, resize and style cells.
Ordering tableA table pre-set with Order code, Description and Notes columns.
Part-number decoderBreak a part number into segments, each with its meaning.
Data gridA structured table with typed columns: pass/fail, tolerance, measurement.
FMEA analysisA failure-mode analysis with a computed Action Priority.
Grouped tableA characteristic table with group heading rows (Input / Output / …) and per-column alignment.
Comparison matrixFeature rows across model columns, with one highlighted “recommended” column.

Media

BlockWhat it's for
Product imageA single image you can size, align, caption and frame.
LogoA logo, with a wordmark fallback when no image is set.
Image gallerySeveral images in a grid of two, three or four columns.
Technical diagramA framed diagram or drawing with a caption.
Chart / figureA chart or result figure with a caption.
Illustrated stepsNumbered steps, each with an image and a caption.
Before / afterTwo images side by side to compare.
BarcodeA machine-readable code image with its value beneath.
Label previewA product or packaging label mock-up of field/value rows.
Performance chartA data-driven line chart from X,Y points you type, for curves and derating.
Product cardsAccessories or related products as image + code + name cards, several per row.
Category cardsProduct categories as image-led tiles: a name, one line and a representative series each.
Logo wallThe lines you carry as a wall of manufacturer logos, sized so wide and upright marks weigh the same.

Layout

BlockWhat it's for
DividerA horizontal rule with adjustable thickness and color.
SpacerAdjustable vertical space between blocks, in points.
Two columnsTwo side-by-side columns, each with a heading and paragraph.
Column layoutA 2, 3 or 4-column container you drag other blocks into for side-by-side layouts.
Page breakForces the content that follows onto a new page.
Selection flowGuide a choice: each option leads to a result.
Contents / indexA table of contents or an index: typed entries with leader dots and page numbers, in one to three columns.

Safety & compliance

BlockWhat it's for
Safety warningA signal-word banner: Danger, Warning, Caution, Notice or Safety.
GHS pictogramsThe standard red-diamond hazard pictograms. Pick the ones that apply.
Standard symbolsCompliance & handling marks: CE, WEEE, IEC electrical, ISO 7010 safety, ISO 780 packaging, ESD/MSL, recycling, transport placards, plus your own uploaded symbols.
Certification badgesA row of certification marks as chips (CE, UL, RoHS, IP67), each an uploaded logo or a text chip.

Governance

BlockWhat it's for
Signatures & approvalsApproval boxes with role, printed name, and signature and date lines.
Document referencesA list of referenced documents, standards or links.
Document controlThe controlled-document header: number, revision, effective date, owner and status.
Revision historyA change log: revision, date, description, author and approver.
Compliance noticeA responsibility notice, optionally naming the governing standard.
Was this article helpful, or still stuck?Contact support