着陆页（说服模式）
页面只有一个任务：让正确的访客执行一个行动。所有内容都必须为此任务服务。
英雄区：用最具代表性的事物开场
根据产品选择英雄区类型，而非出于习惯。
| 英雄区类型 | 适用场景 | 构建方式 |
|---|---|---|
| 产品主导 | 软件、CRM、应用 | 一个真实、清晰的UI界面（HTML，非模糊图片），展示产品完成其主要任务的过程，并配有可信的数据 |
| 证明主导 | 本地服务、工匠、代理商 | 一张真实工作的优质照片 + 文字说明结果 + 如果真实则显示评分/评论数量 |
| 承诺主导 | 新品类、品牌驱动 | 一个大型字体排版声明；字体本身即为视觉元素 |
| 演示主导 | 工具、游戏、交互式产品 | 产品本身，在首屏之上可玩或可交互 |
| 优惠主导 | 电商、活动 | 产品图片/价格/日期居中展示 |
“大标题 + 渐变斑点 + 两个按钮 + 虚假数据行”的英雄区是默认选择。仅当以上类型均不合适时才使用。
英雄区检查表：标题说明是什么以及面向谁（10字以内）；副标题说明结果（25字以内）；一个主要行动号召，明确命名动作（“免费预约估算”、“开始14天试用”）；可选的次要行动号召，用于犹豫不决的访客（“查看定价”）；视觉元素占英雄区的40-60%。
区块菜单（选择5-8个，变化它们的形状）
- 问题 → 结果展示（用客户语言呈现前/后对比）
- 工作原理（仅当确实是有步骤时；然后可以编号）
- 特色展示：交替使用宽图和文字行，或使用真实UI嵌入的便当盒网格。避免三个相同的图标卡片。
- 社交证明：真实推荐，包含姓名、职位/城镇、照片（如果有）；仅当真实客户时才使用Logo
- 定价：2-3个方案，推荐方案需通过布局而非仅靠徽章来标记；列出包含的内容；如果有则提供年付切换按钮
- 服务区域/营业时间/地图（针对本地企业）
- FAQ，回答真实反对意见（价格、合同、时间线、万一……）
- 最终行动号召区，重复主要行动
变化节奏：交替使用全宽和含边距、浅色和着色表面、文字密集和图片密集。没有两个相邻区块使用相同布局。
文案
- 使用客户语言，而非系统语言。“查看今日每一项任务”胜过“统一运营可见性”。
- 具体优于巧妙。数字仅当真实时使用。
- 标题和按钮使用句子首字母大写。UI中不使用感叹号。
- 对同一操作，始终使用相同名称。
转化细节
- 英雄区滚动后，粘性头部显示主要行动号召。
- 在移动设备上，本地企业电话支持点击拨打。
- 表单：尽可能少的字段（满足业务需求）；标签位于字段上方；说明提交后会发生什么。
- 在行动号召附近放置信任元素：保证、响应时间、许可证/保险（仅当真实时）。
- 页面重量：英雄图片小于200KB（AVIF/WebP格式），字体预加载，无阻塞首屏渲染的内容。
运动预算
只有一个标志性动效（英雄区入场或产品UI动画展示其主要操作）。其他所有内容保持静态或响应用户操作。参见 motion 技能。