News archive. The title band on light lavender has breadcrumbs (Home / News), the title and an optional intro. Below it is a row of category filters and a count of articles shown. Then comes a 3-column grid of article cards, each with an image, category tag, date, title, excerpt and “Read more”. Page numbers sit at the bottom. The filters work if you press Play on that artboard: choosing a category highlights it and shows only its articles. Clicking any card opens the single article page.
Single article. From top to bottom:
- Top: breadcrumbs (Home / News / Category / Title), then the category tag, date and reading time, the title and a lead paragraph.
- Featured image with an optional caption.
- Article body in a readable 800px column. It shows each element the article editor can produce: paragraphs, a subheading, a check-mark list (the same marker as the other pages), a pull quote and an in-article image.