Bento 35 - Dark headphone product bento

Pro

Three-column dark bento for wireless audio with orange hero panels, lime waveform tiles, product photography, and a stacked color-swatch reference card.

Shadcn Bento 35 block

Component Data

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

Bento 35 block design & features

Bento35 is a three-column bento on a near-black section, built with shadcn/ui portrait tiles and no shared section header. The left column stacks two tall orange product hero panels with headphone photography, diagonal line SVG overlays, and oversized outlined display type. The center column leads with a lime waveform tile, then two shorter product interface cells. The right column pairs a hand-built color swatch reference card with a final product scene.

Vivid orange and lime panels pop against the dark section background. Typography is heavy, uppercase, and poster-like with stroked letterforms and arrow accents. Animated diagonal lines draw on scroll in the orange heroes, while the lime tile scales vertical audio bars beside a smiling model cutout. The color-use card stacks three rounded color blocks above a centered label.

A bold editorial product grid aimed at consumer audio branding. The three-column stagger and saturated palette make it feel like a campaign board rather than a SaaS feature grid. Highly complex visually with mixed photography, SVG line art, and a static swatch explainer tile.

Columns collapse to a single stack on smaller screens, keeping each column's top-to-bottom order.