Bento 13 block design & features
Bento13 is an asymmetric four-tile bento built with Shadcn UI on a light neutral section using an eight-column grid. Tiles have no outer card borders; rounded visual panels float on the page with headings and paragraphs placed below each panel. A narrow three-column tile on the left shows a document-type menu sidebar with icon labels and a highlighted cover-letter row above a checkmark card. Two wide five-column tiles in the middle row render large dashboard-style UI panels. A final narrow three-column tile mirrors the first with a compact icon illustration on a grid background.
Soft neutral wells with visible grid-line backgrounds and white floating UI cards. Blue accent highlights the active menu item and icon badge. Subtle white gradient patches add depth behind panels. Entrance animations slide individual UI elements upward on scroll.
Professional and editorial with a document or productivity app feel. The borderless caption-below layout and alternating narrow-wide rhythm distinguish it from standard bordered bentos. Moderate complexity with multiple UI scenes to customize.
The eight-column mosaic stacks to a single column on smaller screens while keeping captions beneath each visual block.