关于这个模板

Paradiso CTA 是一个只靠一份书面简报搭出来的旅行行动号召区,这一页记录的就是那份简报。它以“Enter your email address”开场,给这句话整个版心,而不是把它缩进一张卡片里。整页都建立在白色 #EFF3F4 打底、深黄绿色 #1B200B 给文字之上。交付就是一个自包含的 HTML 文件:一个页面,没有插件,你和设计之间不隔任何构建工具链。动效是一段循环视频打底,克制到文案依然是主角。从收录的需求简报起步,然后改这个行动号召区,而不是从零重建。这一页剩下的部分按板块、再按时序和数值把这个行动号召区拆开,不加任何简报里没有的说法。需求简报钉住的一切(画幅、字号、时长、断点)下面都写出来了,所以你可以照着复刻这个行动号召区,不用猜它背后的意图。

适合谁

  • 给按轮次结算、想在第一次修改前就谈定 15px 间距的代理公司用。
  • 给做旅行项目提案、需要在第一次回复客户时就带上 2522x1858 画幅的代理公司用。
  • 这个行动号召区回答的是想知道 15px 间距在布局里到底管哪一块的构建者。

包含哪些内容

  • 间距档位是写明的. 版式里没有一样交给感觉:需求简报写明了 15px 间距,构建必须落回这些值。每个值都能对着收录的提示词核一遍,重建因此是可验证的,而不是大约像。
  • 素材上不加色罩. 背景就是一段 2522x1858 的 4.6s 循环,按 cover 裁切、不加任何色罩。其余一切都浮在它上面的一层。循环短到 4.6s,眼睛会把它读成肌理,而不是一条时间轴。按 2522x1858 或更宽的尺寸导出,裁切才不失真。
  • 能逐项核对的数值. 版式里没有一样交给感觉:需求简报写明了 15px 间距,构建必须落回这些值。每个值都能对着收录的提示词核一遍,重建因此是可验证的,而不是大约像。换字体、换文案可以,别换字阶。
  • 面板分量相同. 本该放一整段文案的地方,这一页放了一组面板,行动号召区因此扫得完。面板共用同一套界面字体、同一个字号,栅格因此不会变成第二套版式。这份参考在 2522x1858 下收录。

动效与交互

动效只落在文案上

第一帧是刻意不完整的:标题逐词出现,而构图的其他部分已经就位。把这段手法去掉,内容还在,版式也不会挪位。照搬的是意图,不是那条曲线;重点在到达的先后顺序。这份参考在 2522x1858 下收录。

不靠滚动库的环境动效

整个环境层就是一段 4.6s 的片段:它在文案后面播放,循环看不出接缝,也从不响应指针。页面上没有别的东西持续动,所以只有素材在争取注意力。

在 Paradiso CTA 里先改什么

如果你的品牌配色更重,先对着画幅测一轮再定。撑住页面的是白色 #EFF3F4,所以更暗的强调色需要比参考更高的对比。可复用的是构图,换一个品牌它照样成立。

Paradiso CTA 怎么安排第一次阅读的顺序

这类页面通常把行动按钮埋在一整片功能栅格下面。这一版把卡片栅格、背景片段放成固定序列,行动点留在首屏里,而不是滚过三屏之后才出现。旅行读者先看到主张,再看到选项。这份参考在 2522x1858 下收录。

这个行动号召区背后的数字

需求简报是规格书,不是情绪板。它钉住了15px 间距,也写明了素材的规格:2522x1858循环 4.6s这类细节让设计经得起复刻:换掉文案,各种关系依然成立。这个行动号召区里没有任何一处依赖默认值。

常见问题

Paradiso CTA 有多少地方依赖一个自包含的 HTML 文件?

Paradiso CTA 是用一个自包含的 HTML 文件构建的,条目标注只是说明出处。简报写的是位置、尺寸和时长,所以任何能设字体、能摆元素的前端框架都能重建。

Paradiso CTA 的简报和我自己写的提示词是一回事吗?

页面上引用的内容全部出自收录的 1,665 字符简报,而不是事后补写的说明。数字和文字能对得上,原因就在这里。

Paradiso CTA 背后那份需求简报里到底有什么?

它是构建简报,不是感觉描述:写明 2522x1858 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。

在 Studio 里复刻

先拿参考,再到 Studio 里替换内容与视觉细节。