结构:顶栏常规五项导航加登录/注册。左对齐三段式:两行大标题「Framer is the pro website builder with a world-class design agent」,一行灰色副标题讲「用代理建站、在可编辑的设计画布上改成自己的」,两颗按钮「Get started for free」(白)与「Install the MCP」(灰)。右侧同一水平线挂一枚低调的「New: Image and Shader Generation →」。再往下是一整块深色画布,中央一个发着蓝光的圆角输入框,框内正逐字打出「Create a sleek black homepage for an AI well-being research lab called Bloom.」,左下角是模型选择「Opus 4.8」,右下角是发送按钮。
手法:最有效的一手是打字动画。它不是循环播放一段宣传片,而是让输入框像真人一样一个字一个字地敲——这制造了「此刻有人正在用」的错觉,比任何「AI 驱动」的形容词都有说服力。第二手是光:输入框外圈有一层蓝色辉光,越靠近边框越亮,把这块深色画布从背景变成了光源。第三手是示例句的具体性:不是「描述你想要的网站」,而是一个有名有姓的需求——一个叫 Bloom 的 AI 福祉研究实验室的黑色主页。具体性让访客立刻能把它替换成自己的场景。
为什么成立:AI 建站产品的核心疑虑是「它到底能做出什么水平的东西」。一行正在被敲入的具体需求加一个发光的输入框,把「能力」变成了「正在发生的事」。
不该照搬:打字动画必须循环得足够慢、句子足够具体,否则会变成廉价的「正在输入…」。它同时占掉了首屏最大的一块面积——如果产品本身没有一屏拿得出手的界面,这块区域会空得很难看。