晕光大字封面 <HaloHero />
居中的两三行细体大字,第二行一个词换成斜体衬线,第一行末尾一枚条纹胶囊,第三行淡出;背后一团柔和的多色晕光。可加一条命令胶囊和链接做结尾。
Template and style descriptions are currently available in Chinese only.
- Group
- 开场 / 收尾 · 产品或品牌主页式第一页、最后一页
- Component
HaloHero·#halo-hero
Good for
- 产品主页式的开场,一句价值主张
- 结尾页放一条上手命令和仓库地址
Avoid when
- 正式汇报:用 Cover
- 要放关键数字:用 OrbCover 或 Cover
Content limits
| 1 | lines 2–3 行,每行 ≤ 10 字;3 行时最后一行淡出 |
| 2 | serif 必须是第 2 行里原样出现的子串,≤ 4 字 |
| 3 | kicker ≤ 16 字符 |
| 4 | lead ≤ 40 字 |
| 5 | command ≤ 32 个字符,只写 ASCII;link ≤ 40 个字符 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 标题上方的大写小字 |
lines · required | string[] | 2–3 行大字 |
serif | string | 第 2 行里换成斜体衬线的词 |
lead | string | 一句导语 |
command | string | 深色命令胶囊 |
link | string | 命令旁的链接文字 |
source | string | 事实出处 |
Example
<HaloHero kicker="你好,这是 SlideHTML" lines={['让 AI 做演示', '每一页都整齐', '还能直接放映。']} serif="整齐" lead="…" />