Preview image. Unlock full-res
Nine-card blog grid with category filter pills, search field, product tags, and orange pagination on cream background.
Summary
A product-focused blog index with horizontal category filters, search input, uniform article cards, and numbered pagination.
Visual description
Cream page top row shows outlined filter buttons for All Categories, Product, Research, Engineering, Solutions, and Company with Product selected in solid black with checkmark. Search posts underline field with magnifying glass sits top right. Three-by-three grid of pale yellow cards each has Product pill tag, bold headline about Studio MCPs, Forge, Le Chat, or Agents API, short summary, and footer bar with date left, Mistral AI center, chevron square right. Bottom pagination uses disabled left arrow, orange active page 1, page 2, and active right arrow.
Key takeaway
Combine pill filters and inline search above a uniform card grid so technical blogs stay browsable at nine-plus posts. Footer metadata bar on every card replaces variable author layouts.
Reuse notes
Strong for developer or AI product changelogs. Filter categories should match actual content taxonomy.
