Preview image. Unlock full-res
Light blog hub section with a centered SEO intro, horizontal category filter pills, and a three-column post grid separated by vertical rules.
Summary
A white blog category section headed "SEO" with pill-shaped topic filters and three post columns, only the first showing a thumbnail while the others are title-and-excerpt only.
Visual description
White background with centered top copy: bold black "SEO" heading and two lines of gray body text explaining the topic hub. Below, a horizontal row of rounded pill filters ("General SEO" filled blue with white text as active; "Keyword Research," "On-Page SEO," "Link Building," "Technical SEO," "Local SEO," "Enterprise SEO" in pale blue with dark blue labels). Three equal columns follow, divided by thin light-gray vertical lines. Column one shows a colorful Ahrefs illustration with an orange "Beginner's guide" badge, blue linked title "SEO Basics: Beginner's Guide to SEO Success," and gray excerpt. Columns two and three are text-only with blue linked titles and gray summaries. No dates or author metadata visible.
Key takeaway
Category pills as lightweight navigation above a fixed three-column grid, with vertical dividers instead of card boxes to keep the layout editorial. Giving only the lead post a thumbnail creates a clear featured slot without a separate hero row.
Reuse notes
Ideal for content libraries organized by topic rather than chronology. Requires enough posts per category to fill the grid; sparse categories will look empty. The text-only columns assume strong titles carry the click; less effective for visual-first brands.
