关于这个模板
Palomar Labs 是一个只靠一份书面简报搭出来的SaaS落地页，这一页记录的就是那份简报。配色是白色 #F5F3EF 打底、深绿色 #2D3A2E 给文字，字体用 Montserrat。交付形式是 React 和 Tailwind CSS，收录于 1920x1422，所以画幅在任何一行代码写下去之前就已经定好。动效归结起来就是240ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1)、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 7,574 字符的简报。收录的提示词记录于 1920x1422，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1920x1422 的画幅一直到最小的间距档。
适合谁
- 产品市场的人需要落地页在背后有6.7s 的循环视频时依然好读。
- 给要改写一版落地页、标题长度又得和Palomar Labs一样的内容负责人用。
- 给想在写下第一个关键帧之前就定下 240ms 的时间和 cubic-bezier(0.16, 1, 0.3, 1) 曲线的前端开发者用。
包含哪些内容
- 导航条上不留多余. 一短行链接加一个操作压在落地页上，尺寸按 20px 间距、240ms 的过渡控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 1920x1422 的构图上，自己没有底色，素材因此从它下面通到两边。链接控制在四到五个，这一行的尺寸就是照这个定的。
- 清单，而不是卡片墙. 功能用 Montserrat 排成清单，而不是一堵卡片墙。所有项共用一个字号和一种标记，长清单也扫得动。
- 尺寸写在需求简报里，不在一套比例里. 字体和间距在这里共用同一份清单：20px 间距、240ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。
- 要片段，不要插画. 氛围交给一段 1920x1422 的 6.7s 片段；需求简报定死了它的裁切方式，文字则原样叠在上面。循环短到 6.7s，眼睛会把它读成肌理，而不是一条时间轴。
动效与交互
只有指针状态，没有别的
每个可交互元素只做一件事（悬停态只给按钮和链接，而不是每张卡片），状态才因此可预期。可交互目标大到能点，指针处理在这些目标上保持一致。如果一个状态不能确认某个操作，就删掉。这份参考在 1920x1422 下收录。
控件共用一个时长
一个时长覆盖所有交互（240ms使用 cubic-bezier(0.16, 1, 0.3, 1)），悬停和按下才读成同一套系统。控件之间复用同一个值，时长就不会各自漂移。
把 Palomar Labs 当规格书读
这份参考之所以能反复使用，原因就在这里：20px 间距、240ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线。页面里没有任何一处交给默认值，所以替换之后只要保住这些数字，整套构图就跟着保住了。这个落地页里没有任何一处依赖默认值。
这个落地页背后的时序
动画预算写得很清楚：240ms 的过渡、6.7s 的循环视频、悬停态与按下态。这个落地页里没有任何东西在动却没有对应的数值。这个落地页里没有为动而动的动画。
这个落地页在论证什么
这一页只有一个承诺，20px 间距、240ms 的过渡把它固定在原处。折叠线以下的东西都不用再承担一次主张。 Palomar Labs 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
常见问题
Palomar Labs 背后那份需求简报里到底有什么？
它是构建简报，不是感觉描述：写明 1920x1422 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
为什么这条条目还要标注 React 和 Tailwind CSS？
Palomar Labs 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Palomar Labs 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1920x1422 下收录。
