暖阳导语条(开篇轻量)
开篇导语:一句话说清本篇讲什么、读者能带走什么,与外标题错开视角。
品牌叙事开篇卡
叙事导语占位:这里放两三行品牌故事或情绪铺垫文字,语速放慢、句子放短,让读者先安静下来,再进入正文的说明部分。
按钮文案占位情绪寄语开篇条
· · ·
一句寄语占位:今天也想对你说
小注说明占位:寄语来源或氛围说明
拍立得首图卡
圆点目录卡
阅读指引条
标签索引带
暖点分隔线
圆点章节标题
章节标题占位:正文从这里开始
章节引导语占位:一句话说明本章内容
便签小节标题
小节标题占位
小节说明占位:这一小节要讲的重点
居中仪式标题
章节序号占位
居中标题占位
· · ·
暖章编号标题
01 章节标题占位一
章节摘要占位:编号章节的一句摘要
栏目贴纸标题
栏目标签占位
栏目标题占位:贴纸下方的标题行
呼吸正文段落
正文段落占位:这里是放松呼吸的正文区域,行距放宽、句子放短。占位文字用来展示段落节奏与留白比例,两到三行为一组,读起来不赶时间。
正文段落占位:第二段承接第一段的话题继续展开,保持同样的字重与行高,让整页像一杯慢慢降温的热茶,信息清晰但没有压迫感。
暖点引导段落
引导短语占位正文占位:开头用一枚浅杏色的高亮短语轻轻拉住视线,后面的文字自然展开,用来说明这一段的重点句式与节奏。
浅杏底纹强调段
重点段落占位:需要读者慢下来多看一眼的内容放在这里。浅杏衬底加左侧暖橙竖线,强调而不喊叫,适合放核心观点或安抚性的说明。
行内代码段落
说明文字占位:正文中出现配置项或命令时,使用行内代码样式,例如 配置项占位 或 命令占位,保持柔和的可读性。
热茶引语卡
“
引用内容占位:一段值得慢慢读的话放在这里,像热茶冒着的一缕气,轻轻落在页面中间。
—— 引用署名占位
居中轻引言
· · ·
引言文字占位:居中排布的一句轻声话。
—— 引用出处占位
暖心提示卡
提示标签占位
提示说明占位:温和的信息提示放在这里,例如阅读建议、氛围说明或背景补充,语气保持轻柔。
温和提醒卡
注意标签占位
提醒说明占位:需要读者留意但不必紧张的内容,用虚线暖框表达,提醒而不吓人。
安心确认卡
✓确认标题占位
确认说明占位:已经完成或可以放心的事项写在这里,给读者一个落地的安心感。
陪伴留声卡
陪伴小语占位 ♡
陪伴语句占位:写给此刻正在阅读的人的一句话,承认情绪、给出陪伴,不做评判。
落款占位 · 留声说明占位
圆点清单卡
清单标题占位
清单条目占位一:短句说明
清单条目占位二:短句说明
清单条目占位三:短句说明
清单条目占位四:短句说明
暖序步骤列表
有序清单标题占位
1列表条目占位一
2列表条目占位二
3列表条目占位三
心愿任务清单
任务清单标题占位
✓任务条目占位一(已完成占位)
✓任务条目占位二(已完成占位)
任务条目占位三(待完成占位)
完成度说明占位:示例数字 2 / 3
词语标签云
要点三束卡
要点一要点标题占位一
要点说明占位:一句话解释第一个要点。
要点二要点标题占位二
要点说明占位:一句话解释第二个要点。
要点三要点标题占位三
要点说明占位:一句话解释第三个要点。
圆角大图卡
拍立得图文卡
图注标题占位
图注说明占位:写一句和图片心情一致的话。
双图柔和对比卡
对比占位
静态视频占位卡
视频说明占位
时长占位 · 封面说明占位
浅杏代码块
代码说明占位 · 代码块标题占位
// 说明注释占位
const warmConfig = {
fieldA: "字段占位一",
fieldB: "字段占位二"
};
暖框代码块
代码标题占位:终端样式说明
$ 命令占位 --参数占位
> 输出说明占位一
> 输出说明占位二
完成提示占位 ✓
轻盈指标条
82%指标名称占位一 · 指标说明占位
1200+指标名称占位二 · 指标说明占位
4.8指标名称占位三 · 指标说明占位
字段数据表
表格标题占位
表格说明占位:字段与示例数据的对照
| 字段占位一 | 字段占位二 | 字段占位三 |
| 数据占位 01 | 数据占位 02 | 数据占位 03 |
| 数据占位 04 | 数据占位 05 | 数据占位 06 |
| 数据占位 07 | 数据占位 08 | 数据占位 09 |
暖橙进度条组
进度标题占位
进度项占位一 · 80%
进度项占位二 · 60%
进度项占位三 · 45%
指标圆卡组
A 数字占位一指标名称占位一
指标说明占位:用一句话解释这个数字代表什么。
B 数字占位二指标名称占位二
指标说明占位:轻量数据摘要,不做厚重的参数矩阵。
前后对照卡
对照标题占位
对照项标签占位:调整前占位
对照说明占位:描述原来的状态或做法。
↓
对照项标签占位:调整后占位
对照说明占位:描述变化之后的状态或感受。
轻重对照清单
对照清单标题占位
优势组标签占位
✓优势条目占位一
✓优势条目占位二
✓优势条目占位三
留意组标签占位
—注意条目占位一
—注意条目占位二
情境对照条
情境对照说明占位:两种使用情境的并置
情境一占位情境说明占位:适合安静独处的场景。
情境二占位情境说明占位:适合与人分享的场景。
三步流程圆点卡
流程标题占位
1步骤标题占位一
流程说明占位:第一步先做这件事。
2步骤标题占位二
流程说明占位:第二步接着做这件事。
3步骤标题占位三
流程说明占位:第三步收尾并确认。
暖色时间线
时间线标题占位
●时间节点占位一
节点说明占位:这一阶段发生了什么。
●时间节点占位二
节点说明占位:这一阶段的心情或变化。
●时间节点占位三
节点说明占位:时间线在这里收束。
步骤大数字卡
01 阶段标题占位一
阶段说明占位:这一阶段的动作与感受说明,控制在两行以内。
02 阶段标题占位二
阶段说明占位:浅杏衬底与白底卡片交替,形成大圆角的呼吸节奏。
问答呼吸卡
常见问答标题占位
问常见问题占位一
答案说明占位:用平稳的语气回答第一个问题。
问常见问题占位二
答案说明占位:第二个问题的回答同样保持柔和。
问答折叠样式卡
折叠问答说明占位:静态折叠样式示意
Q1问题标题占位一
+ 展开查看占位
Q2问题标题占位二
+ 展开查看占位
延伸阅读暖卡
延伸阅读标题占位
●延伸标题占位一分类占位 · 阅读量占位
●延伸标题占位二分类占位 · 阅读量占位
●延伸标题占位三分类占位 · 阅读量占位
资料引导条
↓资料说明占位:配套资料与获取方式说明。
获取方式占位
作者暖名卡
联系方式卡
居中花点分隔
· ● ·
暖橙主行动卡
行动主标题占位
行动说明占位:一句话说清楚下一步做什么,语气积极。
按钮文案占位行动备注占位:补充说明一行
双按钮行动条
邀约互动卡
邀约标题占位
邀约说明占位:邀请读者一起参与某件温柔的小事。
留言互动占位温暖收束卡
结语标签占位
收束标题占位
收束要点占位一
收束要点占位二
收束要点占位三
结语文字占位:一句收尾的温暖话,像把杯子轻轻放回桌上。
互动留言区
互动问题占位
互动引导占位:把问题抛给读者,邀请他们在留言区聊聊。
选项占位一 选项占位二
留言引导占位:点赞占位 · 在看占位 · 分享占位
再会祝福尾签
· · ·
祝福语占位:愿你今天也被温柔对待
结尾落款占位 · 下期预告占位