关于这个模板
Axion About 收录于 640x468，保留的是一份规格书，而不是一张画廊图片。它以“Through research, creative thinking and iteration we help growing brands realize their digital full potential”开场，给这句话整个版心，而不是把它缩进一张卡片里。整页都建立在白色 #EDEDEE 打底、深红色 #3E3133 给文字、亮橙色 #F26522 承担强调色之上。这一条会把生成页面的技术栈（React 和 Tailwind CSS）写出来，而不是藏起来。动效归结起来就是cubic-bezier(0.25,0.1,0.25,1)。当你要做面向AI 或 SaaS 产品的关于页、想要一个成品构图而不是一个起点时，就拿它当参照。
适合谁
- 需要先看数字的设计师：字号从 12px 到 18px、12px 间距，全部引自需求简报。
- 给需要把关于页的范围收进一个迭代、并且不新增任何素材的产品经理用。
- 给正在做AI 或 SaaS 产品关于页、背后还没有设计系统的独立创始人用。
包含哪些内容
- 没有一样是继承来的. 这些值就是规格本身：字号从 12px 到 18px、12px 间距、cubic-bezier(0.25,0.1,0.25,1) 缓动曲线，是在 640x468 下收录的，而不是从截图里反推的。清单短到审核的人能一个元素一个元素地核。
- 折叠线之上的徽标. 公告就是标题上方那枚 #F26522 胶囊，字号压得比支撑文案还小，所以它读起来是标签，不是第二个标题。徽标用 #F26522，而标题留在正文色上。
- 量出来的，不是估的. 这些值就是规格本身：字号从 12px 到 18px、12px 间距、cubic-bezier(0.25,0.1,0.25,1) 缓动曲线，是在 640x468 下收录的，而不是从截图里反推的。清单短到审核的人能一个元素一个元素地核。数值才是设计，其余只是摆放。
- 该流体的时候就流体. 宽度变化由字体自己消化：12px 到 18px 的 clamp 让标题从手机一路撑到桌面，不需要另做一套移动端构图。移动端菜单属于同一份需求简报，所以收起来的状态也是设计过的。
动效与交互
交互只落在控件上
页面只在能被操作的地方给出回应：悬停态只给按钮和链接，而不是每张卡片，除此之外什么都不动。反馈只限在控件上，所以控件周围的构图保持静止。几个可靠的状态，胜过一长串特效。这份参考在 640x468 下收录。
以毫秒计的时长
控件在 0 内完成变化，快到手指刚碰上去页面就回应，而不是等一下才动。时长够短，页面才像是被设计过的；换成一个慢的默认值，整套构图就散了。这份参考在 640x468 下收录。
Axion About 怎么安排第一次阅读的顺序
SaaS读者落到一屏内容上时，是先扫再读的。这套版式回应了这一点：公告徽标、数据行的尺寸就是为扫读定的，字号从 12px 到 18px、12px 间距让每一站彼此分明。 SaaS读者先看到主张，再看到选项。
这个关于页做对了什么
你完全可以把这页重建成一摞分开的卡片，丢掉的只是那个论点。这个关于页读起来是一个决定：公告徽标、数据行串成一条序列。 Axion About 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。这份参考在 640x468 下收录。
在 Axion About 里先改什么
模板要求你接受它的版式，这份参考要求你保住版式、把里面的东西全换掉。区别在于：题材在动，字号从 12px 到 18px、12px 间距、cubic-bezier(0.25,0.1,0.25,1) 缓动曲线不动。新文案仍按同样的展示字号排，并且在加任何东西之前先重新对一遍对比度。
常见问题
复制 Axion About 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 4,393 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
这条 Axion About 条目是怎么组织的？
页面上引用的内容全部出自收录的 4,393 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
重建 Axion About 必须用 React 和 Tailwind CSS 吗？
Axion About 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
