关于这个模板
Portfolio About 是面向创意机构或工作室的关于页参考，它背后的需求简报是一份完整的构建规格书，而不是情绪板。配色是黑色 #0C0C0C 打底、白色 #D7E2EA 给文字，字体用 Kanit。这份参考用 React 和 Tailwind CSS 构建，但版式上的决定都独立于它写清楚了。需求简报把动效预算花在200ms 的过渡上。借结构，不借题材：这个关于页和它那组数字可以原样搬到你的品牌上。
适合谁
- 要给这次构建估工时的产品经理，会把 640x468 画幅读成工作范围。
- 给正在做创意机构或工作室关于页、背后还没有设计系统的独立创始人用。
- 用提示词给关于页提需求的人，会把这份 5,431 字符的提示词当作起点。
包含哪些内容
- 字和画幅共用一套档位. 字体和间距在这里共用同一份清单：160px 间距、200ms 的过渡。因为数值是固定的，替换只改样子，不改节奏。
- 公告胶囊. 一枚徽标只说一件事：胶囊用 Kanit 的最小字阶待在标题上方，没有别的元素来争这个位置。它的位置让标题继续占住构图的正中。
- 用一行数据代替一句自夸. 一条紧凑的数据带承担了本来要一整段才能说清的主张，关于页因此不会变成功能清单。标签同一个字号，某个标签更长也不会改变这一行的高度。这份参考在 640x468 下收录。
- 折叠线之上的徽标. 一枚徽标只说一件事：胶囊用 Kanit 的最小字阶待在标题上方，没有别的元素来争这个位置。它的位置让标题继续占住构图的正中。一枚徽标，一条信息。
动效与交互
快到像是刻意安排的
时长短而统一：200ms悬停态和按下态因此读起来是一套系统，而不是一堆各自为政的效果。缓动一改，时长必须跟着重新看一遍。
看位置，不看计时器
首屏在任何滚动之前就是完整的，内容在下方移动时吸顶元素保持原位是在它之上加东西，而不是替换它。滚动行为是对着静态版式那套布局量的，去掉之后没有任何东西挪位。这份参考在 640x468 下收录。
把这个关于页变成你自己的
把它和从空白页开始比：这里画幅（640x468）和160px 间距、200ms 的过渡都已经定好，所以你要做的是替换，而不是构图。保住素材的裁切；它和字体承担的工作一样多。
这个关于页背后的顺序
一屏、一个行动，中间是公告徽标、数据行、功能列表。需求简报把这个顺序钉死，而不是把首屏交给一摞板块自己决定。创意机构读者先看到主张，再看到选项。这份参考在 640x468 下收录。
对创意机构与工作室来说成立的地方
模板会用一个个模块把首屏填满，这个关于页只用公告徽标、数据行、功能列表就收住。差别体现在160px 间距、200ms 的过渡上：没有任何东西是靠撑开去填满空间的。它给创意机构读者的是一条通向主张的最短诚实路径。
常见问题
Portfolio About 背后的提示词到底有多长？
它是构建简报，不是感觉描述：写明 640x468 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
能用别的技术栈重建 Portfolio About 的关于页吗？
Portfolio About 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Portfolio About 的动效是由什么驱动的？
动效和版式写得一样细：状态切换落在 200ms 区间内。先复刻构图、再对时长，因为版式立住之后时长更好对。
