Bento 18 block design & features
Bento18 is a four-tile bento built with shadcn/ui on a light neutral section arranged in a two-column grid. Each tile places a rounded visual panel above externally positioned headings and paragraphs, with no enclosing card border around the full cell. The top row uses three-to-two aspect panels with cover photography for AI data insights and automated workflow themes. The bottom row switches to wider five-to-two panoramic panels: one renders a predictive analytics dashboard UI with dropdown selectors and checkmark cards, the other uses a cover photograph for real-time performance monitoring.
Neutral gray wells with rounded corners and no outer card chrome. Photographic panels scale in gently on scroll. Captions sit below visuals with generous top padding rather than inside a bordered footer. The aspect ratio shift between rows is the primary layout variation.
Clean and data-product oriented with an understated marketing tone. Borderless caption-below placement and the panoramic bottom row differentiate it from standard bordered bentos. Moderate complexity with three image-driven tiles and one code-built dashboard panel.
The two-column grid stacks to one column on mobile, preserving caption-below order for every tile.