深色主卡封面 <HeroPanel />

整页是一张深色大圆角卡：左边标签、标题、导语和胶囊，右边一张真实截图带透视斜放；卡片下方可以放 3 个月桂奖章。

Template and style descriptions are currently available in Chinese only.

Group: 开场 · 工具或平台发布
Component: HeroPanel · #hero-panel

Good for

软件、平台、设计系统发布
有一张能代表产品的真实截图

Avoid when

没有真实截图：用 HangingCover
奖章内容无法引用出处：去掉 laurels

Content limits

1	title ≤ 2 行 × 10 字
2	lead ≤ 40 字
3	pills 1–2 个
4	src 必须是真实截图
5	laurels 0–3 个：title ≤ 10 字，sub ≤ 14 字，要有出处

Fields

Field	Type
`tag`	`{ label, text }`	小标签
`title` · required	`string \| string[]`	标题
`lead` · required	`string`	导语
`pills`	`string[]`	胶囊
`src` · required	`string`	截图
`alt` · required	`string`	截图说明
`laurels`	`{ title, sub? }[]`	奖章
`source`	`string`	出处

Example

<HeroPanel
  tag={{ label: '第 1 期', text: '工作室风格' }}
  title={['做演示，', '像搭积木']}
  lead="…"
  src={kit}
  alt="组件库首页截图"
  laurels={[{ title: '67 个模板', sub: '全部带内容上限' }]}
/>