Dimension Rows

About this block

Dimension Rows opens with a centered heading and a one-line subheading, then renders a bordered list of full-width rows. Each row is a three column grid: a short dimension label on the left, a "Them" cell in the middle, and an "Us" cell on the right. The "Them" cell carries a muted X icon and dimmed copy describing the competitor's shortcoming. The "Us" cell carries a primary-colored check icon and confident copy stating the product's advantage. Four rows are shown by default, covering Speed, Pricing, Support, and Onboarding.

The heading, subheading, and all four row labels and descriptions are plain text you can swap freely. The number of rows is driven by the dimensions array, so you can add or remove rows without changing the layout. The two-column label/copy structure inside each cell is fixed, but the icon treatment and the "Them" and "Us" column headers come from the same data object, so both sides update together.

When to use

Use this block mid-page on a product comparison or switching page where you need to name the decision criteria buyers actually weigh, not just a feature checklist. For a project management workspace, this layout works especially well because buyers compare tools on feel-based dimensions like speed and support rather than on checkbox lists alone. It sits at a higher level of abstraction than a feature table and delivers a clearer narrative than a plain bullet list.

A natural flow around it on a Marketing Pro page:

Before

• A Heroes block to frame the "why switch" message before the evidence
• Competitor Table if you want a granular feature grid to precede the summary view

After

• Comparison with Quote to reinforce the narrative with a real customer voice
• A CTAs block to give readers a clear next step once the comparison has landed

What you can display

One set of buying dimensions works naturally here, but the rows adapt to several comparison framings:

• Vendor evaluation criteria. Fill each row with the dimension a procurement team scores, such as uptime, contract flexibility, or migration cost, so the table maps to their scorecard.
• Plan tier tradeoffs. Swap "Them" and "Us" for "Starter" and "Pro" to turn the block into an upgrade prompt without rebuilding the layout.
• Before and after workflow steps. Label each row with a workflow stage and contrast the old manual pain with the automated outcome.

Tip: keep each cell to one short sentence so the two sides stay visually balanced and the contrast reads at a glance.