[Editor Demo] Grid Matrix
Feature grid / cards / 2 columns
Cards variant with 2 columns
Use this to compare the most framed feature-grid treatment in a tighter width.
Cards A
Framed item with a short description.
Cards B
Another card item with balanced copy.
Feature grid / plain / 3 columns
Plain variant with 3 columns
Plain keeps the visual chrome lighter and is useful for factual summaries.
Plain 1
Lower chrome, more neutral reading flow.
Plain 2
Useful for product facts or process summaries.
Plain 3
Keeps comparisons easy to scan.
Feature grid / checklist / 4 columns
Checklist variant with 4 columns
Checklist works well when items should read like operational takeaways or requirements.
Checklist 1
Four-column checklist card.
Checklist 2
Good for terse utility notes.
Checklist 3
Also useful in docs-style content.
Checklist 4
This covers the max current columns enum.
Button group / align left
Button group / align center
Button group / align right
Logos / grid / 2 columns
Logos / strip / 3 columns
Logos / grid / 4 columns
Logos / strip / 5 columns
Logos / grid / 6 columns
Testimonial / grid / 1 column
“A single-column grid still keeps the grid treatment but reads like a larger proof card.”
Testimonial / grid / 2 columns
“Two columns is the default balance for most proof sections.”
“It usually works well on medium-width content lanes.”
Testimonial / grid / 3 columns
“Three columns gives the densest proof layout.”
“It is useful when quotes are short.”
“This demonstrates the widest current testimonial grid.”
Testimonial / stack
“Stack layout is calmer and more sequential than the grid variants above.”
“Use it when each quote needs more breathing room.”