AI 助手着陆页 (AI Companion Landing)
更像 Decagon、HappyRobot、Letta 这类 AI 助手与 agent 产品首页,核心不是普通 SaaS 功能罗列,而是 agent 角色、工作流能力和可信演示同时成立。
agent 产品客服 AI自动化助手
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- agent 角色先行
- workflow demo 很近
- CTA 很短
- 转化与能力并列
适合做 / Good For
- agent 产品
- 客服 AI
- 自动化助手
不适合做 / Not For
- 普通 docs 首页
- 纯研究档案站
- 慢节奏生活方式页
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 允许轻度未来感
- 颜色应服务 agent 角色和 CTA
- 不要滑向廉价赛博渐变
排版系统 / Typography
- 标题要先说 agent 在替谁工作
- 能力词必须比 slogan 更具体
- 演示和 CTA 文字要很短很准
版式规则 / Layout Rules
- 首屏就给出 agent 角色
- 把 demo、workflow proof 和 CTA 拉近
- 不要做成普通 SaaS 功能长页
图片处理 / Image Treatment
- 可以有人物化或界面化表达
- 但必须回到 agent 工作流
- 不要只有抽象宇宙图没有能力证明
交互节奏 / Motion
- 允许更明显的 hover 和 reveal
- 节奏要短促
- 不要用漫长特效拖慢理解
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考AI 助手着陆页(AI Companion Landing)风格建站:
视觉特征:agent 角色先行 / workflow demo 很近 / CTA 很短 / 转化与能力并列
适合场景:agent 产品 / 客服 AI / 自动化助手
不适合:普通 docs 首页 / 纯研究档案站 / 慢节奏生活方式页
推荐页面组织:专题长文型 / Dossier / Feature / 工作台型 / Workbench / Tool Shell
历史来源:极简主义 / Minimalism / 瑞士风格 / Swiss Style / 包豪斯 / Bauhaus
参考网站:Decagon: https://www.decagon.ai/ / HappyRobot: https://www.happyrobot.ai/ / Letta: https://www.letta.com/
配色系统:允许轻度未来感 / 颜色应服务 agent 角色和 CTA / 不要滑向廉价赛博渐变
排版系统:标题要先说 agent 在替谁工作 / 能力词必须比 slogan 更具体 / 演示和 CTA 文字要很短很准
版式规则:首屏就给出 agent 角色 / 把 demo、workflow proof 和 CTA 拉近 / 不要做成普通 SaaS 功能长页
图片处理:可以有人物化或界面化表达 / 但必须回到 agent 工作流 / 不要只有抽象宇宙图没有能力证明
风格要求:Use an AI companion landing family: define the agent role immediately, show one high-trust workflow or operator scene, keep the demo and CTA close, and make the product feel like an active teammate instead of a generic software dashboard.
历史来源 / Historical Roots
这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.
1960s-1970s
极简主义 (Minimalism)
把形式削减到最少元素,让结构、比例与重复本身发声。
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。
1919-1933
包豪斯 (Bauhaus)
功能、工业和几何秩序优先。它把形式服从用途这件事系统化。