The signature moment
Categorized grouped rows
Full table hierarchy with category dividers. The table divides capabilities into clear domains (Platform, Security, Governance) using section headers inside the table, so users can scan by area of concern.
Theme handoff
What comes from where
From your theme
- The typeface.
- Your colours.
Full pattern notes
Why it works, and how it is built
Open a topic for the complete design reasoning, editing guidance and implementation notes.
Design rationaleComposition, intent and nearest alternatives
Overview
A comprehensive multi-category capability matrix in a fixed core table: features grouped under category subheaders across four plan tiers with checkmarks, caps, and service tiers.
The signature moment: categorized grouped rows
Full table hierarchy with category dividers. The table divides capabilities into clear domains (Platform, Security, Governance) using section headers inside the table, so users can scan by area of concern.
Theme behaviourInheritance, fixed decisions and contrast
What it inherits from your theme
- The typeface. No font family is stated anywhere.
- Your colours.
basefor ground,contrastfor text and table hairlines.
Technical notesBlock mechanics, responsive behaviour and constraints
What happens at 390px
The table states hasFixedLayout: false, so its columns size to their content instead of being forced into equal fractions of the screen. .wp-block-table is a WordPress core overflow-x: auto container, so once the columns need more room than the phone has, the table becomes a horizontal rail inside its own figure: the page never scrolls sideways, the table does, and every column stays whole. Fixed layout would have shredded the words instead, because core sets word-break: break-word on the cells of a fixed table. The figcaption says the table scrolls, because a scroll container with no affordance is a silent failure of its own. No CSS ships to buy any of this.
Questions
Feature checklist matrix: common questions
Does Feature checklist matrix need a plugin?
No. It is built only from core WordPress blocks (group, heading, paragraph and table), so it pastes into the block editor with nothing to install.
Will Feature checklist matrix match my theme?
Yes. It names no colour or font of its own: every colour, size and space is a preset from your theme, so it takes your theme’s palette and type when pasted.
How many variations does Feature checklist matrix have?
2: Paper and Night checklist. Each is its own markup; choose one in the toolbar above the preview before you copy.
Is Feature checklist matrix free?
Yes. It is one of 62 free Core Patterns: copy it and it is yours to keep and edit.
Which WordPress version does it need?
Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks. This is the file as authored; the copy button on the stage applies the finish you chose there.
5,684 bytes
<!-- wp:group {"align":"full","style":{"color":{"background":"var(--wp--preset--color--base, var(--wp--preset--color--white))","text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"clamp(1.25rem, 4vw, 4rem)","right":"clamp(1.25rem, 4vw, 4rem)"}},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));background-color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:var(--wp--preset--spacing--80);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--80);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:group {"layout":{"type":"constrained","contentSize":"680px","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.16em","fontWeight":"600"},"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));font-weight:600;letter-spacing:0.16em;text-transform:uppercase">Capabilities</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--x-large, clamp(2rem, 3.4vw, 2.75rem))"}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--x-large, clamp(2rem, 3.4vw, 2.75rem))">Full feature comparison.</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"fontSize":"medium"} -->
<p class="has-medium-font-size" style="margin-top:var(--wp--preset--spacing--30)">An exhaustive breakdown of tools, security controls, and support levels included in each subscription tier.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:table {"hasFixedLayout":false,"style":{"typography":{"fontSize":"clamp(0.9375rem, 1.05vw, 1.0625rem)"}}} -->
<figure class="wp-block-table" style="font-size:clamp(0.9375rem, 1.05vw, 1.0625rem)"><table><thead><tr><th scope="col">Feature</th><th class="has-text-align-center" data-align="center" scope="col">Starter</th><th class="has-text-align-center" data-align="center" scope="col">Pro</th><th class="has-text-align-center" data-align="center" scope="col">Enterprise</th></tr></thead><tbody><tr><th scope="row">Custom domains</th><td class="has-text-align-center" data-align="center">1</td><td class="has-text-align-center" data-align="center">5</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Active seats</th><td class="has-text-align-center" data-align="center">3</td><td class="has-text-align-center" data-align="center">25</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Backups</th><td class="has-text-align-center" data-align="center">Daily</td><td class="has-text-align-center" data-align="center">Hourly</td><td class="has-text-align-center" data-align="center">Real-time</td></tr><tr><th scope="row">User roles</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td><td class="has-text-align-center" data-align="center">✓</td></tr><tr><th scope="row">SAML SSO</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td></tr><tr><th scope="row">Audit logs</th><td class="has-text-align-center" data-align="center">7 days</td><td class="has-text-align-center" data-align="center">90 days</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Support SLA</th><td class="has-text-align-center" data-align="center">48 hr</td><td class="has-text-align-center" data-align="center">12 hr</td><td class="has-text-align-center" data-align="center">1 hr</td></tr><tr><th scope="row">Dedicated rep</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td></tr></tbody></table></figure>
<!-- /wp:table --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"layout":{"type":"constrained","contentSize":"28rem","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:paragraph {"style":{"typography":{"fontSize":"clamp(0.875rem, 0.95vw, 0.9375rem)","letterSpacing":"0.02em"}}} -->
<p style="font-size:clamp(0.875rem, 0.95vw, 0.9375rem);letter-spacing:0.02em">Eight features across three plans. Scroll the table sideways on a narrow screen. ✓ Included in tier. – Not available in this tier. All plans include automated maintenance.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"clamp(1.25rem, 4vw, 4rem)","right":"clamp(1.25rem, 4vw, 4rem)"}},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-link-color" style="padding-top:var(--wp--preset--spacing--80);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--80);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:group {"layout":{"type":"constrained","contentSize":"680px","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.16em","fontWeight":"600"}},"fontSize":"small"} -->
<p class="has-small-font-size" style="font-weight:600;letter-spacing:0.16em;text-transform:uppercase">Capabilities</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--x-large, clamp(2rem, 3.4vw, 2.75rem))"}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--x-large, clamp(2rem, 3.4vw, 2.75rem))">Full feature comparison.</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"fontSize":"medium"} -->
<p class="has-medium-font-size" style="margin-top:var(--wp--preset--spacing--30)">An exhaustive breakdown of tools, security controls, and support levels included in each subscription tier.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:table {"hasFixedLayout":false,"style":{"typography":{"fontSize":"clamp(0.9375rem, 1.05vw, 1.0625rem)"}}} -->
<figure class="wp-block-table" style="font-size:clamp(0.9375rem, 1.05vw, 1.0625rem)"><table><thead><tr><th scope="col">Feature</th><th class="has-text-align-center" data-align="center" scope="col">Starter</th><th class="has-text-align-center" data-align="center" scope="col">Pro</th><th class="has-text-align-center" data-align="center" scope="col">Enterprise</th></tr></thead><tbody><tr><th scope="row">Custom domains</th><td class="has-text-align-center" data-align="center">1</td><td class="has-text-align-center" data-align="center">5</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Active seats</th><td class="has-text-align-center" data-align="center">3</td><td class="has-text-align-center" data-align="center">25</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Backups</th><td class="has-text-align-center" data-align="center">Daily</td><td class="has-text-align-center" data-align="center">Hourly</td><td class="has-text-align-center" data-align="center">Real-time</td></tr><tr><th scope="row">User roles</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td><td class="has-text-align-center" data-align="center">✓</td></tr><tr><th scope="row">SAML SSO</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td></tr><tr><th scope="row">Audit logs</th><td class="has-text-align-center" data-align="center">7 days</td><td class="has-text-align-center" data-align="center">90 days</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Support SLA</th><td class="has-text-align-center" data-align="center">48 hr</td><td class="has-text-align-center" data-align="center">12 hr</td><td class="has-text-align-center" data-align="center">1 hr</td></tr><tr><th scope="row">Dedicated rep</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td></tr></tbody></table></figure>
<!-- /wp:table --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"layout":{"type":"constrained","contentSize":"28rem","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:paragraph {"style":{"typography":{"fontSize":"clamp(0.875rem, 0.95vw, 0.9375rem)","letterSpacing":"0.02em"}}} -->
<p style="font-size:clamp(0.875rem, 0.95vw, 0.9375rem);letter-spacing:0.02em">Eight features across three plans. Scroll the table sideways on a narrow screen. ✓ Included in tier. – Not available in this tier. All plans include automated maintenance.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Variation: Night checklist
5,944 bytes
<!-- wp:group {"align":"full","style":{"color":{"background":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))","text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"clamp(1.25rem, 4vw, 4rem)","right":"clamp(1.25rem, 4vw, 4rem)"}},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));background-color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));padding-top:var(--wp--preset--spacing--80);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--80);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:group {"layout":{"type":"constrained","contentSize":"680px","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"typography":{"textTransform":"uppercase","letterSpacing":"0.16em","fontWeight":"600"}},"fontSize":"small"} -->
<p class="has-small-font-size has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));font-weight:600;letter-spacing:0.16em;text-transform:uppercase">Capabilities</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--x-large, clamp(2rem, 3.4vw, 2.75rem))"}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--x-large, clamp(2rem, 3.4vw, 2.75rem))">Full feature comparison.</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"fontSize":"medium"} -->
<p class="has-medium-font-size has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));margin-top:var(--wp--preset--spacing--30)">An exhaustive breakdown of tools, security controls, and support levels included in each subscription tier.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:table {"hasFixedLayout":false,"style":{"typography":{"fontSize":"clamp(0.9375rem, 1.05vw, 1.0625rem)"}}} -->
<figure class="wp-block-table" style="font-size:clamp(0.9375rem, 1.05vw, 1.0625rem)"><table><thead><tr><th scope="col">Feature</th><th class="has-text-align-center" data-align="center" scope="col">Starter</th><th class="has-text-align-center" data-align="center" scope="col">Pro</th><th class="has-text-align-center" data-align="center" scope="col">Enterprise</th></tr></thead><tbody><tr><th scope="row">Custom domains</th><td class="has-text-align-center" data-align="center">1</td><td class="has-text-align-center" data-align="center">5</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Active seats</th><td class="has-text-align-center" data-align="center">3</td><td class="has-text-align-center" data-align="center">25</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Backups</th><td class="has-text-align-center" data-align="center">Daily</td><td class="has-text-align-center" data-align="center">Hourly</td><td class="has-text-align-center" data-align="center">Real-time</td></tr><tr><th scope="row">User roles</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td><td class="has-text-align-center" data-align="center">✓</td></tr><tr><th scope="row">SAML SSO</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td></tr><tr><th scope="row">Audit logs</th><td class="has-text-align-center" data-align="center">7 days</td><td class="has-text-align-center" data-align="center">90 days</td><td class="has-text-align-center" data-align="center">Unlimited</td></tr><tr><th scope="row">Support SLA</th><td class="has-text-align-center" data-align="center">48 hr</td><td class="has-text-align-center" data-align="center">12 hr</td><td class="has-text-align-center" data-align="center">1 hr</td></tr><tr><th scope="row">Dedicated rep</th><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">–</td><td class="has-text-align-center" data-align="center">✓</td></tr></tbody></table></figure>
<!-- /wp:table --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"layout":{"type":"constrained","contentSize":"28rem","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--base, var(--wp--preset--color--white))"},"typography":{"fontSize":"clamp(0.875rem, 0.95vw, 0.9375rem)","letterSpacing":"0.02em"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--base, var(--wp--preset--color--white));font-size:clamp(0.875rem, 0.95vw, 0.9375rem);letter-spacing:0.02em">Eight features across three plans. Scroll the table sideways on a narrow screen. ✓ Included in tier. – Not available in this tier. All plans include automated maintenance.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
