FeatureBento
one large flagship tile and smaller ones around it: a product story with a clear lead
role: features pages: home, landing motion: expressive
Install
npx shadcn-vue@latest add @trame/landing-feature-bento # Vue
npx shadcn@latest add @trame/landing-feature-bento # Reactasymmetric
@trame/landing-feature-bento--asymmetric one large flagship tile and smaller ones around it: a product story with a clear lead
wide-pair
@trame/landing-feature-bento--wide-pair two wide tiles over a row of narrower ones: five or six capabilities of similar weight
feature-and-column
@trame/landing-feature-bento--feature-and-column one tall flagship tile beside a column of supporting ones: a single feature to push
stat-tiles
@trame/landing-feature-bento--stat-tiles text, picture and large-figure tiles mixed: when the merchant has real figures
poster-collage
@trame/landing-feature-bento--poster-collage an edge-to-edge collage, picture titles set huge across them, figures on flat brand blocks: a brand with strong photography and a point of view more than a list of features