关于这个模板
LaunchPad Blog 交给了金融科技产品一个已经做完的首屏，以及做出它的那组数字。配色是白色 #FFFFFF 打底、靛蓝色 #3E23A5 给文字、红色 #933551 承担强调色，字体用 Inter。交付形式是一个自包含的 HTML 文件，所以整个博客区可以直接搬进项目，不需要设计交接。动作被收进100ms 的过渡、一段循环视频打底里。如果你要给别人提一版金融科技博客区的需求，就从这个构图起步，把题材换掉。收录的提示词记录于 2522x1858，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 2522x1858 的画幅一直到最小的间距档。
适合谁
- 正在做金融科技产品博客区、需要在报价发出去之前把一个自包含的 HTML 文件落到纸面上的团队。
- 写你自己的标题，然后用一个自包含的 HTML 文件在测量值不变的前提下重建这版博客区。
- 这个博客区服务的是要把一个自包含的 HTML 文件的构建交给工程师、希望动效被写下来的设计师。
包含哪些内容
- 数值一路带进构建. 版式走的是绝对值，不是比例：字号从 14px 到 36px、20px 间距、100ms 的过渡。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。
- 要片段，不要插画. 素材干的是氛围的活，不是叙事：一段 2522x1858 下的 2.4s 循环，垫在所有东西后面。按 2522x1858 或更宽的尺寸导出，cover 裁切就继续成立。
- 只有一个声音的配色. 饱和度集中在一个值上（#933551），眼睛不用读文案就能找到下一个操作。#933551 与白色 #FFFFFF 之间的对比，是强调色在小面积上仍然可读的原因。
- 内容切成面板. 栅格替你把阅读顺序排好了：每块面板分量相同、各讲一个观点，用 Inter 的小字号排，结构始终看得见。面板高度由文案决定，某一句更长也不会破坏这一行的对齐。
动效与交互
指针只在有用的地方出现
指针上的处理很少，而且写明了：悬停态只给按钮和链接，而不是每张卡片，只加在那些看起来就能点的元素上。交互状态不会推动版式，指针底下不会有东西跳。这份参考在 2522x1858 下收录。
环境动效交给循环
环境动感是一段 2522x1858 下的 2.4s 片段，在文案后面安静循环，不响应指针。因为是静音的，循环可以在文案下面跑，不抢声音，也不抢注意力。
这个博客区背后的时序
预设动画库能给你比这多得多的动作。这份简报要的更少：100ms 的过渡、2.4s 的循环视频、悬停态与按下态，上面不加任何装饰性动画。这个博客区里没有为动而动的动画。
金融科技产品能从这里得到什么
主张只说一次，用展示字号说。博客区其余部分都围着这一行排序：卡片栅格、页脚，没有第二个承诺来抢第一次阅读。 LaunchPad Blog 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。这份参考在 2522x1858 下收录。
在 LaunchPad Blog 里先改什么
把新文案按需求简报写明的展示字号排（字号从 14px 到 36px、20px 间距），剩下的字阶会自己跟上，不用重做设计。新加的元素如果不能帮助说清产品主张或下一步动作，就该挪到折叠线以下。
常见问题
LaunchPad Blog 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 4,286 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
能用别的技术栈重建 LaunchPad Blog 的博客区吗？
LaunchPad Blog 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
LaunchPad Blog 的简报和我自己写的提示词是一回事吗？
页面上引用的内容全部出自收录的 4,286 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
