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

---
type: block
category: "articles"
title: "Articles 1"
description: "Lead with one high-importance story, then let the rest of the catalog fall into a compact companion grid."
---

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

<Articles1Block
  title="Stories, guides, and ideas from the team"
  description="Lead with one high-importance story, then let the rest of the catalog fall into a compact companion grid."
  articles={[
    {
      image: {
        src: placeholderImage,
        alt: "Astro patterns article image",
      },
      category: "Guide",
      title: "Astro patterns for editorial homepages",
      description:
        "Compact companion cards keep the secondary feed useful without competing with the lead story.",
      author: {
        image: avatarSil,
        initials: "SV",
        name: "Sil Veltman",
        date: "May 3, 2026",
      },
    },
    {
      image: {
        src: placeholderImage,
        alt: "Section primitives article image",
      },
      category: "Essay",
      title: "Why section primitives scale better than page templates",
      description:
        "A composable section system reduces boilerplate and keeps editorial pages feeling fresh.",
      author: {
        image: avatarSil,
        initials: "JD",
        name: "Jane Doe",
        date: "Apr 28, 2026",
      },
    },
    {
      image: {
        src: placeholderImage,
        alt: "Registry previews article image",
      },
      category: "Launch",
      title: "Shipping a registry with real previews",
      description:
        "Live previews make it easier for teams to evaluate blocks before installing them.",
      author: {
        image: avatarSil,
        initials: "MR",
        name: "Mark Reed",
        date: "Apr 21, 2026",
      },
    },
  ]}
/>
```