큰 굵은 제목 아래 설명과 글 수가 오고, 그 옆에 다른 주제로 가는 길이 붙는 머리예요. 띠 변형은 회색 바탕에 파란 칩, 띠 없는 변형은 밑줄 링크 한 줄이에요.
쓰는 규칙페이지 제목(h1)은 이 안에 하나뿐이다. 주제 페이지는 글 수와 다른 주제로 가는 길을 함께 둔다.
---
// src/pages/category/[category].astro
import { PageHead } from '../../components/registry';
---
<PageHead crumbs={crumbs.slice(0, 1)} eyebrow="주제" title={category.name} lead={category.description || undefined} count={posts.length} siblings={siblings} />// sites/<사이트>/site.json — 적지 않으면 사이트 이름으로 자동으로 고른다
{
"variants": { "PageHead": "band" }
}export interface PageHeadProps {
crumbs: Crumb[];
eyebrow?: string;
title: string;
lead?: string;
/** 카테고리 글 수 */
count?: number;
/** 다른 주제로 가는 링크 */
siblings?: Link[];
/** 정적 페이지 시행일(「2026-10-13」) */
updated?: string;
variant?: VariantOf<'PageHead'>;
}band 는 옅은 회색 띠 안에 경로, 「주제」 이름표, 큰 제목, 설명, 「글 5편」, 그리고 「다른 주제」 파란 칩이 차례로 쌓여요. plain 은 띠 없이 흰 바탕에 경로, 제목, 설명을 두고 「글 5편 다른 주제: A · B · C」를 한 줄에 밑줄 링크로 보여 줘요.
band 는 카테고리가 하나의 구역처럼 보이고 높이를 더 차지해요. plain 은 짧고 문서 같아서 글이 바로 이어지는 소개·면책 페이지에 어울려요.