Feature Bento Grid
feature_bento_grid creates an editorial feature block with one dominant card and smaller supporting cards.
When to Use
Use it when one capability is clearly the lead story and the rest should reinforce it.
Usage
{{ feature_bento_grid(title="Platform", item_1_title="Core workflow") }}Live Example
Bento
Feature hierarchy without visual noise
Lead with the strongest capability, then surround it with secondary proof.
Primary
Structured workflow
A large card provides enough room for the primary narrative.
Fast
Static output stays quick.
Safe
Borders and tokens stay predictable.
Parameters
| Parameter | Description |
|---|---|
container | Inner content width. |
eyebrow | Small uppercase label above the heading. |
title | Section heading. |
description | Supporting copy. |
item_N_icon | Optional icon for feature N. |
item_N_title | Feature title, up to 5. |
item_N_desc | Feature description. |
item_N_meta | Optional metadata label. |
bg | Full-width section background token. |
class | Additional CSS classes on the outer section. |