Open experiment
Outcome feature grid
A responsive grid with a strong introductory card, three outcome panels, and compact evidence labels for marketing pages.
Lab tested Responsive Dark mode
- Version
- 1.0.0
- Updated
- 2026-08-02
- Dependencies
- Zero
<section class="cmp-feature-grid" aria-labelledby="cmp-feature-title">
<article class="cmp-feature-grid__intro">
<p>Designed for momentum</p>
<h2 id="cmp-feature-title">Less process. More progress you can see.</h2>
<p>Build a shared picture of the work without adding another reporting ritual.</p>
</article>
<article>
<span aria-hidden="true">01</span>
<h3>Find the signal</h3>
<p>Bring feedback, risks, and decisions into one view.</p>
<small>12 sources connected</small>
</article>
<article>
<span aria-hidden="true">02</span>
<h3>Make the call</h3>
<p>Turn discussion into a decision with a visible owner.</p>
<small>Clear decision history</small>
</article>
<article>
<span aria-hidden="true">03</span>
<h3>Ship in sync</h3>
<p>Give every teammate a current plan without status meetings.</p>
<small>Live release view</small>
</article>
</section>
No runtime reactions detected Open in Editor
Validated in the lab
Experiment report
- Schema and source files passed
- Responsive test passed
- Keyboard test passed
- No console errors
Component ingredients
- Dependencies
- None
- Browser support
- Current Chrome, Current Edge, Current Firefox, Current Safari
- Version
- 1.0.0
- Last tested
- 2026-08-02
Accessibility notes
- Uses a heading hierarchy inside one labeled section.
- Icon shapes are decorative.
- Cards preserve reading order.
License: MIT License for open-source use, modification, and distribution.