画板封面 <SketchCover />
一块虹彩大圆角面板，居中两行衬线大标题，第一行的关键词压在倾斜的橙色标签里；下方一张点阵画板，上面用橙笔圈出一行字；面板底部一排红点胶囊。
Template and style descriptions are currently available in Chinese only.
- Group
- 开场 · 产品主页或作品集第 1 页
- Component
SketchCover·#sketch-cover
Good for
- 产品主页、工具介绍、个人作品集的开场
- 有一行能“写在画板上”的命令或口号
Avoid when
- 正式汇报：用 Cover
- 标题没有一个能单独压进标签的词：用 HangingCover
Content limits
| 1 | pre ≤ 6 字，tag ≤ 4 字，line ≤ 12 字 |
| 2 | lead ≤ 48 字 |
| 3 | canvas ≤ 30 个字符，一行 |
| 4 | chips 3–5 个，各 ≤ 8 字 |
| 5 | 有事实时写 source |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名，2–12 字 |
pre · required | string | 第一行标签前的字 |
tag · required | string | 压进橙色标签的词 |
line · required | string | 第二行 |
lead · required | string | 导语 |
canvas · required | string | 画板上被圈出的一行 |
chips · required | string[] | 红点胶囊 |
source | string | 事实出处 |
Example
<SketchCover kicker="开源 · MIT" pre="让 AI 做" tag="演示" line="每一页都整整齐齐" lead="…" canvas="npx slidehtml init my-talk" chips={['124 个模板', '19 种风格', '自动 QA']} source="…" />