Capability Matrix
A left aligned header above a framed table crossing six capabilities against three teams, marking coverage with checks and gaps with muted minus icons.
A left aligned header above a framed table crossing six capabilities against three teams, marking coverage with checks and gaps with muted minus icons.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Capability Matrix pairs a left aligned heading and subheading with a framed, horizontally scrollable table. The first column lists six platform capabilities, each with a name and a one line description. The three columns beside it name the teams that use the product, each with a short focus label under the team name. Every cell marks coverage with a primary check or a muted minus, and a small footnote sits below the table to explain what the coverage reflects.
The table is driven by two arrays: the teams across the top and the capabilities down the side, each capability carrying a boolean per team. You can rename the capabilities, rewrite their descriptions, change the team names and focus labels, and flip any coverage value without touching the layout. Add or remove rows or columns to match your own matrix, and the checks and minuses render from the underlying data.
Reach for this block when different buyers care about different parts of your product and you want each to find their own reason to say yes. It suits a platform that serves several teams from one workspace, where the question is not whether a feature exists but who it was built for. The matrix answers that at a glance, which works well mid page after a hero has set context and before you move buyers toward pricing.
A natural flow around it on a Marketing Pro page:
Before
After
The natural fit is capabilities crossed against the teams that use them. A few other ways to use the frame:
Tip: keep each capability description to one line so the rows stay scannable and the checks remain the fastest thing to read.