Dimension Rows
Stacked full width rows comparing Them and Us copy across four buying dimensions.
Stacked full width rows comparing Them and Us copy across four buying dimensions.
The Marketing Pro Collection unlocks the source for every Marketing Pro block. All Access unlocks every Collection.
Already purchased? Log in
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.
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
After
One set of buying dimensions works naturally here, but the rows adapt to several comparison framings:
Tip: keep each cell to one short sentence so the two sides stay visually balanced and the contrast reads at a glance.