这是一个用于构建高转化落地页的完整系统技能，分为策略与视觉两大部分，并要求先完成 A 部分再处理 B 部分。
用途与适用范围 落地页的目标是赢得单一意图：一个产品、一个受众、一个主要行动。该技能适用于所有 Web UI 工作，包括落地页、营销站点、组件、仪表盘、原型和设计评审。规则与框架默认值冲突时以此文件为准；用户明确要求与规则冲突时以用户为准。若是对现有站点做升级而非新建，建议改用配套技能 redesign-existing-projects。
A 部分：策略与结构 A1 需求采集：在设计或写作前收集目的（唯一主要行动、产品内容、转化定义）、受众与背景（目标客户、待解决问题、三大异议、流量来源、访客已有认知）、证明与素材（标识、评价、数据、案例、截图、演示视频、保障条款）、约束（品牌语气、设计方向、是否移动优先）。缺失项可批量提问；无法回答时可做合理假设，用一句话说明后继续。 A2 页面结构：首屏必须包含标题、副标题、主 CTA、一个证明信号和首屏视觉；中段依次为问题到方案、三到五条收益、三步说明、社会证明；底部为 6 到 12 条 FAQ、风险逆转、与顶部一致的主 CTA。标语显现区块放在中段论证中，通常在首屏或收益之后。 A3 布局选择：经典首屏加分区、长文叙事、极简转化页、对比页四种，需选定一种并说明理由。 A4 转化规则：信息与流量来源匹配；首屏只放一个主 CTA；先写收益而非功能；表达具体；至少提供一种降低风险的方式；把异议做成独立区块，并把证明放在其支持的论断旁边。 A5 文案：给出了标题公式、副标题写法、CTA 用动词加所得、收益要点采用加粗收益加细节的形式，并强调不用“了解更多”“提交”等模糊 CTA。 A6 构建顺序：按首屏、收益、如何运作、证明、FAQ、最终 CTA 的顺序逐区构建，不要每次整页重写。 A7 SEO 与 AEO：广告专用或强时效页面不索引；常青页面可索引，需清晰标题与描述、内链、问答形式 FAQ，并可加 FAQ 结构化数据。 A8 常见问题：首屏 CTA 过多、价值主张空泛、只有功能没有结果、证明埋在底部、移动端可读性差、没有明确下一步。
B 部分：视觉系统 B1 字体：仅用 Geist、Manrope、Geist Mono、Poppins，禁用 Inter、Roboto、Arial、Open Sans、Helvetica；不用斜体；每站一种字体；字重不超过 semibold/bold；正文不用连字符；避免孤字，标题用 text-wrap: balance，正文用 text-wrap: pretty；字号必须落在 Tailwind 默认字号阶梯上，给出了各阶梯的字号与行高表；主按钮 text-base semibold，页头小按钮 text-sm semibold。 B2 间距：仅使用给出的 0、2px、4px、8px、12px、16px、24px、32px、40px、48px、64px、80px、96px 间距值；主按钮内边距为垂直 8px、水平 12px。 B3 圆角：只用 Tailwind 圆角值；嵌套圆角公式：内圆角等于外圆角减去间隙，仅在结果大于 2 时适用。 B4 边框与背景：卡片边框要么四周都有要么不用，不做单边边框；背景不用渐变、保持纯色；暗色模式背景仅限 #000000、#181818、#1F1F1F、#272727、#313131、#131209。 B5 首屏：暗色主题标题使用 #FFFFFF 到 #9B9B9B 的左到右文字渐变，亮色主题用 #000000 到 #666666，渐变只用于标题文字；标题与副标题最大宽度 680px，并在语义断点处换行。 B6 图标：使用 Phosphor、Solar 或 Iconamoon，禁用 Material Icons 与 Material Symbols。 B7 动效：不用默认过渡，统一使用 cubic-bezier(0.32,0.72,0,1) 与 700ms 时长；导航为悬浮玻璃胶囊，汉堡线旋转位移成 X，菜单为全屏玻璃遮罩，链接错峰淡入上移；滚动进场为 translate-y-16 blur-md opacity-0 到归零，时长 800ms 以上，使用 IntersectionObserver 或 Framer Motion 的 whileInView，禁止未节流的 scroll 监听。 B8 内容真实性：不用 Lorem Ipsum、不用 John Doe、不用 Acme 类占位品牌、不用 99.99% 等整数假数据、不用“Elevate”“Seamless”等 AI 套话；标题用句首大写；主动语态；成功信息不用感叹号、错误不用“Oops!”；头像与日期需多样化。 B9 状态：每个交互元素都需有 hover、active、focus、loading（骨架屏而非转圈）、empty、error 状态；错误内联不用 alert；无死链；导航中标出当前页。 B10 上线必备：页脚隐私政策与服务条款、品牌化 404、邮箱格式与必填项的前端校验、跳至内容链接、必要地区的 Cookie 同意、品牌 favicon、title 与 meta description 及 og:image 等社交标签、图片 alt 文本、语义化 HTML、每页都有返回路径。 B11 标语显现区块（强制）：每页都需一个独立于首屏的大字号区块，至少两行，表述核心收益；字号 text-4xl 到 text-6xl，宽度如首屏般受限；文字初始为基色约 25% 到 35% 的淡色，滚动进入视口时按阅读顺序逐词变为全色，用自定义缓动曲线，可用逐词 IntersectionObserver 或经 requestAnimationFrame 节流的单一监听。
输出格式与检查清单 从零生成落地页时，先依次给出页面大纲、首屏文案、收益、三步说明、FAQ、SEO/AEO 索引建议与标题描述、布局推荐及理由，再按 A6 逐区构建。文末附有策略、视觉、内容与上线三组检查清单。
限制 该技能文中的品牌名称、分类、示例数值均为规范示例，未说明具体的第三方工具集成方式、运行时依赖版本、收费或授权信息，这些内容暂未提供。