Tri-Sidebar

A nine-cell bento layout with corner-and-center emphasis — four small corner accents and four paired content cells flanking a large 2×2 central hero, plus skeleton placeholders, CSS-only dark mode, and full design-system token integration.

A responsive blog article layout with navigation, hero image, article body, sidebar with TOC/tags/related posts, related articles grid, and footer — skeleton wireframe, design-system agnostic.

A wide-bento layout — five broad horizontal skeleton cells (hero banner, analytics chart, KPI, feed, profile) on an asymmetric `grid-template-areas` grid that reflows from one column to a four-column wide bento, mobile-first and design-system agnostic.

A split bento layout — two columns, each a self-contained asymmetric sub-grid with one wide tile and two half-width tiles, plus skeleton placeholders, a dark/light theme toggle, and full design-system token integration.