画板封面 <SketchCover />
一块虹彩大圆角面板，居中两行衬线大标题，第一行的关键词压在倾斜的橙色标签里；下方一张点阵画板，上面用橙笔圈出一行字；面板底部一排红点胶囊。
版型與風格的說明目前僅提供簡體中文。
- 分組
- 开场 · 产品主页或作品集第 1 页
- 元件
SketchCover·#sketch-cover
適合
- 产品主页、工具介绍、个人作品集的开场
- 有一行能“写在画板上”的命令或口号
不適合
- 正式汇报：用 Cover
- 标题没有一个能单独压进标签的词：用 HangingCover
內容上限
| 1 | pre ≤ 6 字，tag ≤ 4 字，line ≤ 12 字 |
| 2 | lead ≤ 48 字 |
| 3 | canvas ≤ 30 个字符，一行 |
| 4 | chips 3–5 个，各 ≤ 8 字 |
| 5 | 有事实时写 source |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小节名，2–12 字 |
pre · 必填 | string | 第一行标签前的字 |
tag · 必填 | string | 压进橙色标签的词 |
line · 必填 | string | 第二行 |
lead · 必填 | string | 导语 |
canvas · 必填 | string | 画板上被圈出的一行 |
chips · 必填 | string[] | 红点胶囊 |
source | string | 事实出处 |
範例程式碼
<SketchCover kicker="开源 · MIT" pre="让 AI 做" tag="演示" line="每一页都整整齐齐" lead="…" canvas="npx slidehtml init my-talk" chips={['124 个模板', '19 种风格', '自动 QA']} source="…" />