关于这个模板
Orbis Hello 用一份收录下来的需求简报，解决了面向生活方式品牌做关于页时的问题。配色是深蓝色 #13142D 打底、白色 #EFF4FF 给文字、亮黄绿色 #6FFF00 承担强调色，字体用 Anton。这一条会把生成页面的技术栈（React 和 Tailwind CSS）写出来，而不是藏起来。把它当作面向生活方式品牌做关于页的需求简报：它要经得起复刻，而不只是第一眼好看。
适合谁
- 需要这版关于页在慢网络下也撑得住的工程师，会把 640x470 和字阶当作重量预算。
- 正在给生活方式品牌关于页提案的代理公司，想把字号从 14px 到 68px、20px 间距写进方案里，好让报价在启动会之后仍然站得住。
- 给正在做生活方式品牌关于页、背后还没有设计系统的独立创始人用。
包含哪些内容
- 能逐项核对的数值. 版式里没有一样交给感觉：需求简报写明了字号从 14px 到 68px、20px 间距，构建必须落回这些值。落回这些数值的重建不用再调就长得像参考。
- 把数字当字体排. 统计数字是当字体来处理的：数字用展示字号，标签用需求简报里最小的字阶，颜色只走 #6FFF00 或正文色，而不是找一张彩色卡片垫着。数字带 #6FFF00 强调色，周围一切都留在正文色上。
- 没有一样是继承来的. 版式里没有一样交给感觉：需求简报写明了字号从 14px 到 68px、20px 间距，构建必须落回这些值。落回这些数值的重建不用再调就长得像参考。需求简报没写的地方，是故意不写的。
- 强调色只上控件. 整个页面只有一个强调色（亮黄绿色 #6FFF00）压在深蓝色 #13142D 上，其余分量交给字体，而不是再加第二个颜色。#6FFF00 与深蓝色 #13142D 之间的对比，是强调色在小面积上仍然可读的原因。
动效与交互
有悬停态，但要克制
每个可交互元素只做一件事（悬停态只给按钮和链接，而不是每张卡片），状态才因此可预期。每个状态只改一个属性，反馈因此保持清楚。这份参考在 640x470 下收录。
几乎没有动效
这里没有滚动库：640x470 的构图保持不动，只有会回应你的元素在动。动效被当作反馈，而不是装饰。
对生活方式来说成立的地方
Orbis Hello 是面向生活方式品牌的关于页参考，回应的正是这类受众真正遇到的问题。配色保持克制（深蓝色 #13142D 和亮黄绿色 #6FFF00），字体用 Anton，所以构图里没有任何东西依赖借来的潮流。要给别人写构建需求时，这部分最值得抄：一个用主标题字号说出的承诺，支撑细节全部压在它下面。 Orbis Hello 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
这个关于页背后的时序
数一数会动的元素，清单很短：悬停态与按下态。这个关于页里没有为动而动的动画。这份参考在 640x470 下收录。
这个关于页怎么重排
这里的响应式指的是尺度变、顺序不变。字阶是流体的，而不是阶梯式的，阅读顺序还留在需求简报放的位置上。重排之后，任何宽度下行动点都够得着。这份参考在 640x470 下收录。
常见问题
复制 Orbis Hello 的需求简报，我能拿到什么？
页面背后的完整提示词写清了版式、配色、字体和过渡，还能一键把已经填好的需求简报带进 Studio。提示词正文不会印在这里，复制它，或者直接发给 Studio。这份参考在 640x470 下收录。
能用别的技术栈重建 Orbis Hello 的关于页吗？
Orbis Hello 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
为什么 Orbis Hello 的提示词没有直接印在这里？
因为读一整份构建简报并不是你来这里的目的。按钮要么把文本交给你，要么在 Studio 里把它当成一条填好的请求打开，而这个页面负责解释设计，而不是把规格倒出来。这份参考在 640x470 下收录。
