Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "articles"
title: "Articles 3"
description: "Articles 3 block example."
---

```astro live props={{ name: 'articles-3' }}
---
import Articles3Block from "@/components/blocks/articles-3.astro"
import avatarSil from "@/assets/avatar-sil-veltman.webp"
import placeholderImage from "@/assets/placeholder.webp"
---

<Articles3Block
  title="All articles"
  articles={[
    {
      image: {
        src: placeholderImage,
        alt: "Release notes story image",
      },
      category: "Docs",
      title: "Designing better release notes",
      description:
        "This row-based listing works well when the article page itself carries most of the visual drama.",
      author: {
        image: avatarSil,
        initials: "SV",
        name: "Sil Veltman",
        date: "May 5, 2026",
      },
    },
    {
      image: {
        src: placeholderImage,
        alt: "Launch pages story image",
      },
      category: "Launch",
      title: "A content system for launch pages",
      description:
        "Horizontal cards give each article equal weight while staying scannable.",
      author: {
        image: avatarSil,
        initials: "JD",
        name: "Jane Doe",
        date: "Apr 30, 2026",
      },
    },
    {
      image: {
        src: placeholderImage,
        alt: "Reusable sections story image",
      },
      category: "Guide",
      title: "Working with reusable sections",
      description:
        "Learn how section primitives reduce duplication across editorial layouts.",
      author: {
        image: avatarSil,
        initials: "MR",
        name: "Mark Reed",
        date: "Apr 22, 2026",
      },
    },
    {
      image: {
        src: placeholderImage,
        alt: "Editorial layouts story image",
      },
      category: "Essay",
      title: "The case for wider editorial layouts",
      description:
        "Why content-first teams are moving away from narrow single-column designs.",
      author: {
        image: avatarSil,
        initials: "AL",
        name: "Amy Lin",
        date: "Apr 15, 2026",
      },
    },
  ]}
/>
```