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)

功能、工业和几何秩序优先。它把形式服从用途这件事系统化。