用途:设计营销页面(落地页、定价页、对比页、产品页),让访客快速理解价值并诚实转化。资料把成功标准放在清晰度而非风格上。
主要能力与结构:提供产品落地页的骨架顺序(首屏、问题/适用人群、如何运作、证据、评估细节、定价、结尾 CTA);首屏要用一句话价值主张、一句话副标题、一个带结果导向文案的主 CTA,以及真实 UI 截图。强调用真实截图而非插画或图库照片,数据要具体、真实、可核对。
定价与对比:定价页建议 2–4 个方案分列,标出推荐方案,提供月付/年付切换并显示真实月价与节省;差异项优先展示;标明税费与限制;免费层或试用要说清楚免费范围与超限结果。对比页建议做“X vs Y”和“替代方案”类高意图页面,表格公平、注明对手更优之处,并给出“选我们如果…/选他们如果…”判断,竞品信息需标注日期与来源。
视觉与性能:正文 18–20px,桌面首屏标题 40–64px,用 clamp() 适配手机;区块间距 64–128px,每屏一个要点;正文约 65 字符宽;只留一个强调色给 CTA;移动端优先布局。性能关注 LCP 约 2.5 秒内,压缩与设定图片尺寸、使用 srcset 和 WebP/AVIF、下方内容懒加载、避免阻塞脚本与厚重字体(一个字体家族、两个字重、font-display: swap);用 npx --yes lighthouse "$URL" --only-categories=performance,accessibility,seo --view 检查;补全 meta 标题、描述与 OG 图。
限制与诚信规则:禁止暗黑模式,如假倒计时、制造稀缺、预勾选加购、结账时才显隐形成本、确认羞辱式文案;取消订阅要与注册同样容易;页面每条主张都必须与已上线产品当前状态一致,发布前核对文案。资料还给出 5 秒可读性、单一主 CTA、真实截图、真实证据、定价透明、手机布局与 Lighthouse 等复核清单。未提供的内容:具体技术栈、安装方式、收费信息等暂未提供。