Blog Post Cards & Summary Lists Pack

This product includes 15 distinct styles for blog post cards, as well as 7 different layouts for blog post summary lists. Card styles include: large horizontal image cards, date badges, author avatar rows, tag group displays, reading time indicators, hover shadow effects, bordered cards with internal padding, gradient background cards, and more. Summary list layouts feature: reverse chronological lists, grid-based thumbnails with summaries, sidebar “Popular Articles” styles, carousel recommendation bars, and others. Adobe XD source files are provided, along with options to export assets as PNGs.

Deliverables:
The ZIP archive contains:

/xd Folder: 22 .xd source files (cards and lists are stored in separate files)

/png-exports Folder: High-resolution preview images for each style

/mock-content Folder: .txt files containing placeholder titles, summary text, and dates

A “Field Mapping Guide” explaining how to adjust title character limits and image aspect ratios

Use Cases:
You can use these styles as visual references for blog page designs, or directly replace the placeholder content within XD and export the images for development purposes. Please note: this product does *not* include WordPress templates or dynamic article fetching code.

File Size: Approx. 78MB