Search blocks by description or jump to a page.
A masonry grid of article cards with varied heights for a dynamic feel. Fits posts that mix tall images with short text on a writing showcase.
Masonry Layout Articles opens with a centered heading and a short description, then flows into a multi-column masonry grid of article cards. Each card is a full-bleed image whose aspect ratio varies between tall, medium, and square to produce the staggered column effect. A dark gradient overlays the lower portion of every image, and the post date, category label, title, and excerpt sit on top of that overlay. A single "View All Articles" outline button is centered below the grid.
The heading copy, description, and every article entry are independent of each other. You can add or remove cards freely, swap the cover images, or change the category labels without touching the layout logic. The three height values (tall, medium, short) are what drive the column stagger, so mixing them keeps the visual rhythm alive.
Reach for this block when you want a writing index that feels editorial rather than tabular. It works well on a portfolio page for someone who publishes long-form content alongside visual work, such as a logistics or supply chain consultant who writes in-depth guides on operations and infrastructure. The image-forward treatment makes category variety feel intentional rather than inconsistent, and the per-card lift animation rewards browsing without adding extra UI. The grid-based sibling suits uniform content; this block fits a feed where posts differ in weight and visual presence.
A natural flow around it on a Portfolio page:
Before
After
The block is built for any writing archive where the posts carry strong cover images. A few concrete fits:
Tip: use distinct category labels across cards so the label row in each overlay helps readers orient quickly across the whole grid.