Bento 27 block design & features
Bento27 is a four-tile two-by-two bento on a white section, built with shadcn/ui bordered cards. Two cells open with an icon, headline, and paragraph before the preview, covering instant theme switching and micro-interaction readiness. The other two place the animated panel first, then icon-labeled copy for an ultra-visual grid system and high conversion CTA blocks.
Light borders and padded white surfaces match the bento26 family, but caption order alternates per tile. Preview panels include a language-tab classification dashboard, a grid alignment demo, a motion-ready interface snippet, and a waveform-style CTA emphasis tile reused from other bento components. Icons repeat the same four-color SVG set beside large medium-weight headlines.
A moderate feature-marketing grid whose variation is primarily the flipped text-versus-preview rhythm. Complexity is code-driven across all four animated mini interfaces with no photography dependency. Feels like a sibling layout to bento26 with more compositional asymmetry inside each card.
Collapses to a single column while keeping each tile's chosen caption order intact.