深色主卡封面 <HeroPanel />

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

版型與風格的說明目前僅提供簡體中文。

分組: 开场 · 工具或平台发布
元件: HeroPanel · #hero-panel

適合

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

不適合

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

內容上限

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

欄位

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

範例程式碼

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