Bento 32 - Captionless product bento mosaic

Pro

Four-tile visual-only bento with gradient app-download CTA, automated savings mockup, and two square product panels on mixed pastel tile backgrounds.

Shadcn Bento 32 block

Component Data

  • ID:bento32
  • Access:pro
  • Created:Jul 13, 2026
  • Type:block

Bento 32 block design & features

Bento32 is a four-tile bento on a white section, built with Shadcn UI container tiles and no external section captions. A five-seven top row places a blue gradient app-download cell beside a gray automated savings panel with headline, body copy, and layered product photography. A bottom row holds two square tiles on slate and mint pastel backgrounds with self-contained interface scenes.

The download tile uses oversized ghosted brand lettering, a bold headline, and a pill-shaped dark download button over a soft blue gradient. The savings tile layers a phone mockup, floating product cutout, and left-aligned marketing copy. Square bottom cells fill their colored wells edge to edge with rounded corners only on the outer grid.

A visual-first product mosaic without a shared headline band above the grid. The mix of fintech savings storytelling and app-store CTA styling makes it feel like a campaign board rather than a uniform feature list. Moderate complexity split between one image-heavy tile and three code-driven interface panels.

Top row stacks first on mobile, then the two square tiles follow at full width.