镂空大字 <TextMask />
一个超大单词做镂空,图片只从字形里透出来并缓缓定位;下方标题、一句副标题和 0–3 个数字。
Template and style descriptions are currently available in Chinese only.
- Group
- 开场 · 封面或章节页
- Component
TextMask·#text-mask
Good for
- 封面、章节页,主题能用一个短词概括
- 有一张纹理感强的图
Avoid when
- 图片本身是证据或要看清内容:用图片版式
- 词超过 5 个拉丁字母
Content limits
| 1 | word 2–5 个拉丁大写字母或 1–2 个汉字 |
| 2 | title ≤ 2 行 × 10 字;sub ≤ 36 字 |
| 3 | facts 0–3 个:value ≤ 8 个字符,label ≤ 10 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
word · required | string | 镂空大字 |
title · required | string | string[] | 标题 |
sub | string | 副标题 |
facts | { value, label }[] | 底部数字 |
image · required | string (import) | 透出的图,decor- 或截图 |
alt · required | string | 图片描述 |
credit | string | 图片说明,AI 生成图要写明 |
source | string | 事实出处 |
Example
<TextMask kicker="阿波罗 11 号 · 1969" word="MOON" title={['八天往返,', '人第一次站上月球']} image={surface} alt="…" />