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

---
type: block
category: "articles"
title: "Articles 4"
description: "Text-focused article cards for indexes that prioritize readability and category browsing."
---

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

<Articles4Block
  title="Ideas, process, and practice"
  description="Text-focused article cards for indexes that prioritize readability and category browsing."
  articles={[
    {
      category: "Process",
      title: "Component launch checklist",
      description:
        "A step-by-step guide for shipping new components to production without breaking existing pages.",
      author: {
        image: avatarSil,
        initials: "SV",
        name: "Sil Veltman",
        date: "May 4, 2026",
      },
    },
    {
      category: "Design",
      title: "Editorial pages that convert",
      description:
        "How to balance storytelling with clear calls to action in content-heavy layouts.",
      author: {
        image: avatarSil,
        initials: "JD",
        name: "Jane Doe",
        date: "Apr 27, 2026",
      },
    },
    {
      category: "Workflow",
      title: "A calmer design system workflow",
      description:
        "Reduce churn and keep your team focused by treating updates as editorial work.",
      author: {
        image: avatarSil,
        initials: "MR",
        name: "Mark Reed",
        date: "Apr 20, 2026",
      },
    },
    {
      category: "Opinion",
      title: "When to ship blocks over templates",
      description:
        "Templates lock you in. Blocks give teams the flexibility to compose pages that match their content.",
      author: {
        image: avatarSil,
        initials: "AL",
        name: "Amy Lin",
        date: "Apr 13, 2026",
      },
    },
    {
      category: "Guide",
      title: "Structuring content for reuse",
      description:
        "How to think about content architecture when building with composable section primitives.",
      author: {
        image: avatarSil,
        initials: "SV",
        name: "Sil Veltman",
        date: "Apr 6, 2026",
      },
    },
    {
      category: "Launch",
      title: "Source-first development",
      description:
        "Ship components as source files and let teams pull exactly what they need.",
      author: {
        image: avatarSil,
        initials: "JD",
        name: "Jane Doe",
        date: "Mar 30, 2026",
      },
    },
  ]}
/>
```