Ahrefs blog post grid

Ahrefs blog post grid, minimal, light-mode, light

Preview image. Unlock full-res

Minimal two-column blog index with blue headline cards, author avatars, one highlighted product post, and numbered pagination.

Elementscard, avatar, badge, icon
Palette
#FFFFFF
#0056D2
#E8F0FE
#6B7280

Summary

A spacious blog listing with six text-only cards in two columns, category labels, author metadata, and square pagination controls.

Visual description

White background with wide gutters. Six cards arranged 2x3: each card stacks a small gray all-caps category (GENERAL SEO, ON-PAGE SEO, PRODUCT BLOG), a large bright blue article title, a one- or two-line gray excerpt, and a footer row with circular author avatar, name, and date. Top-right card shows a small orange bookmark icon above its category. Bottom-right "What's new at Ahrefs?" card uses a light blue filled background to distinguish product updates from editorial posts. No thumbnail images on cards. Centered pagination below uses light blue square buttons numbered 1 through 6, then 10 and 20, plus a next-arrow control; page 1 is active.

Key takeaway

Text-only cards stay fast and readable when SEO titles carry the click. One tinted card plus a bookmark icon gives hierarchy without breaking the grid. All-caps micro-labels cleanly separate topic from headline.

Reuse notes

Good default for content-heavy SaaS blogs prioritizing scanability over imagery. Works when titles are strong; weak headlines will look sparse without thumbnails. Highlight color should map to a real content type (here, product updates) so the exception stays meaningful.

More blog list sections

See all

More like this