Semrush blog article bento grid

Semrush blog article bento grid, minimal, light-mode, light

Preview image. Unlock full-res

Editorial blog index with a full-width lavender featured post, mint card rows below, and load-more pagination.

Summary

Editorial blog index with a full-width lavender featured post, mint card rows below, and load-more pagination.

Visual description

White page opening with a wide lavender featured block: oversized bold headline about Google Universal Commerce Protocol, a short summary, and a metadata line with category, author, read time, and date. A purple vertical-line waveform decorates the bottom edge of the featured block. Below, two equal mint-green rounded cards sit side by side with headlines on attribution in agentic search and Claude Code as an SEO analyst, each with summary copy and metadata. A third row adds three smaller mint cards on lead generation funnels, prompt tracking, and buyer-intent keywords. Footer row pairs a wide outlined pill button reading Load more articles with numeric pagination where page 1 is filled black and later pages run to 324.

Key takeaway

Color-blocked cards replace hero thumbnails while the oversized featured row establishes hierarchy. Metadata always follows the same category-author-duration-date pattern for scannable editorial rhythm.

Reuse notes

Strong template for content marketing hubs that prioritize headlines over imagery. Pastel blocks need disciplined type scale; pagination suits large archives better than infinite scroll alone.

More blog list sections

See all

More like this