BLOCK : HEADING 1

Heading 1 — Post Title Only

H1 is the largest heading. In this template it only appears in the post header (bound to the post_title CMS field). Inside the body, start sections at H2. Shown here for completeness — use sparingly if at all in the Rich Text body.

BLOCK : HEADING 2

Heading 2 — Primary Section Title

H2s are main section dividers. They get the teal left-bar accent and appear in the sidebar table of contents. Every H2 in the body needs an id="" attribute so the TOC anchor links work. Use these to mark major topic shifts.

BLOCK : HEADING 3

Heading 3 — Sub-section Within a Section

H3s sit under an H2. No teal bar — slightly smaller and lighter. Good for named sub-topics, product features, numbered step titles, or FAQ items within a section.

BLOCK : PARAGRAPH

Paragraph

This is a standard paragraph. Body copy is DM Sans 16.5px with a 1.78 line-height — optimised for long-form reading. Paragraphs support bold for key terms, italics for quotes or technical names, and inline code for field names, file formats, and values like SupplierPID or .xml.

Aim for 3 to 5 sentences per paragraph. Shorter paragraphs read better on screen — especially on mobile. Break long explanations across multiple paragraphs rather than writing a wall of text.

BLOCK : BULLETED LIST

Bulleted List

Use bulleted lists for unordered items — things that don't have a meaningful sequence. Each bullet gets a teal dot marker. Works best for 3 to 8 items. Each item should be substantial enough to stand alone — avoid single-word or fragment bullets.

• Supplier data formats vary wildly. Excel, CSV, XML, PDF — each supplier has their own approach, which means every new relationship is a new mapping project without automation.
• Coverage gaps are the norm in data pools. Most mid-market retailers find that data pools cover 15 to 20% of their supplier base at best — meaning 80%+ still need a separate process anyway.
• AI doesn't fix bad structure — it processes it faster. If your attribute model is unclear or your source data is unreliable, AI will confidently propagate that mess at scale into every downstream system.
• Internal reuse is almost always skipped. Most businesses have more usable data than they think. A single extraction pass over existing descriptions can fill half the attribute gap for

BLOCK: NUMBERED LIST

Numbered List

Use numbered lists for ordered sequences — steps, workflows, or ranked priorities where order matters. Each item gets a teal circular number badge. Use these for onboarding flows, implementation phases, and structured how-to content.

1. Start with internal reuse. Audit what you already have before investing in any external sourcing method. A single extraction pass can fill 40 to 50% of attribute gaps without touching a new data source.
2. Define your target schema first. AI enrichment and scraping are only as good as the attribute model they're mapping to. Build the structure before you try to fill it.
3. Match the sourcing method to the supplier tier. Large, mature suppliers need file ingestion. Small ones need a simple portal with guided fields. One approach never fits the full supplier base.
4. Measure quality, not volume. Enriching a million SKUs with two attributes each makes no difference to filtering, search, or conversion. Quality against your channel-facing taxonomy is the only measure that matters.
5. Treat it as an ongoing operation. Product data degrades continuously with new introductions, supplier changes, and discontinued lines. A one-off sprint followed by nothing is not a strategy.

Blockquote

Use blockquotes for pull quotes, key statements worth isolating, or direct quotes from customers, experts, or the podcast transcript. The teal left border and opening quote mark make these stand out without breaking the reading flow. Keep quotes concise — one to three sentences maximum.

BLOCK : IMAGE

Image

Images are full-width within the content column, capped at the body max-width. They get a subtle border and rounded corners to match the card aesthetic across the page. Add a caption using a short italic paragraph immediately below, or a figcaption element for accessibility.

BLOCK : VIDEO

Video

Videos embed in a responsive 16:9 container. In Webflow, use the Video block and paste a YouTube or Vimeo URL — it auto-generates the iframe. Use for demo recordings, podcast video versions, explainer clips, or customer case study walkthroughs.

BLOCK : CODE BLOCK

Code Block

Code blocks are dark-themed with monospace font and a labelled header row. Use for XML feed structures, JSON schemas, mapping rules, API responses, or any technical content where exact formatting must be preserved. The language label in the header tells the reader what they're looking at.