Preview image. Unlock full-res
Light three-column blog list with illustrated thumbnails, category badges, dates, and read-more links.
Summary
A clean blog teaser laid out as three equal cards, each led by a bold illustrated thumbnail and tagged with a category pill.
Visual description
White background with faint grid guides. A left-aligned "Our blog" heading sits in display type at the top. Below, three equal-width cards run in a row. Each card opens with a rectangular illustrated thumbnail in a distinct style: the first a soft blue grid scene with a coin/window motif, the second and third bold coral-red geometric abstractions with line textures. Under each thumbnail sits a grey pill category badge (BACKSTAGE, PLATFORM ENGINEERING, DEVELOPER EXPERIENCE), a muted date (Jan 28 2025, Dec 20 2024, Dec 13 2024), a two-line black post title, and a bold "Read more" link with a right arrow. Cards share consistent spacing and no border.
Key takeaway
The borderless card built entirely from a strong illustrated thumbnail plus a category pill, so the artwork does the differentiating and the metadata stays minimal. The category pill above the title makes the list scannable by topic.
Reuse notes
A reliable blog or resources teaser for a content-driven B2B or developer site. Needs a consistent illustration system so the three thumbnails read as a set. Drop into the lower third of a marketing page to surface recent posts. Pairs with Port's other light sections.
