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

ParameterDescription
containerInner content width.
eyebrowSmall uppercase label above the heading.
titleSection heading.
descriptionSupporting copy.
item_N_iconOptional icon for feature N.
item_N_titleFeature title, up to 5.
item_N_descFeature description.
item_N_metaOptional metadata label.
bgFull-width section background token.
classAdditional CSS classes on the outer section.