Split Bento

A responsive skeleton wireframe layout that morphs through five distinct CSS grid arrangements as the viewport resizes, with eight named regions, per-region accent hues, and dark/light theme toggle.

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.

An asymmetric quad layout — four differently sized panels: an oversized hero, a nested stat/goals/spark trio, an avatar feed with captioned media, and a checkbox task panel. Skeleton wireframes driven by design tokens, reflowing from a 2×2 grid to a single column, mobile-first.

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.