关于这个模板
Radial Diagram 留住了自己的决策链：生成这个功能区的需求简报有 5,364 个字符。“Our Comprehensive Branding Approach” 就是整套版式要承载的那一行。颜色只用了黑色 #191919 打底、白色 #EAEAEA 给文字，正文排的是 DM Sans。实现用的是 React 和 Tailwind CSS；里面的每个尺寸都写了下来，这正是它可复用的原因。这个页面的动效控制在0.7s 的过渡。把它当作面向创意机构或工作室做功能区的需求简报：它要经得起复刻，而不只是第一眼好看。
适合谁
- 如果你把需求交给模型而不是设计师，就从功能区开始，让提示词兜住 640x476 画幅。
- 给要改写一版功能区、标题长度又得和Radial Diagram一样的内容负责人用。
- 这个功能区适合会拿标题做 A/B 测试、又不去碰 DM Sans 的成长团队。
包含哪些内容
- 需求简报点了名. 尺寸是收录时就在需求简报里写下的（60px 间距、0.7s 的过渡），重建因此可以逐项核对，而不是大约像。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。
- 样式交给字体. 字体是按职责分配的，不是混着用：DM Sans 同时承担展示文字和界面文字。换字体是可行的，但比例必须扛得住这次替换。
- 一屏之内的结构. 折叠线以上的每样东西都得挣到自己的位置。需求简报点明了文案、640x476 画幅和字号，没有留下任何装饰物跟它们抢。页面在 640x476 下就是一套完整构图，所以文案变了它依然立得住。
- 字重按角色写明. 字体是按职责分配的，不是混着用：DM Sans 同时承担展示文字和界面文字。换字体是可行的，但比例必须扛得住这次替换。一套字，职责清楚。
动效与交互
悬停只给该有反馈的地方
指针上的处理很少，而且写明了：悬停态只给按钮和链接，而不是每张卡片，只加在那些看起来就能点的元素上。反馈只限在控件上，所以控件周围的构图保持静止。这份参考在 640x476 下收录。
状态变化也有时长
一个时长覆盖所有交互（0.7s），悬停和按下才读成同一套系统。缓动和时长写在一起（0.7s），复刻时没法悄悄换成另一种手感。
这个功能区背后的数字
第一个数字是字体：60px 间距、0.7s 的过渡。间距由它推出来，页面上其他一切都在和这两个值对齐。这个功能区里没有任何一处依赖默认值。
这个功能区做对了什么
主张只说一次，用展示字号说。页面直接把这句话说出来了：“Our Comprehensive Branding Approach”。功能区其余部分都围着这一行排序：数据行，没有第二个承诺来抢第一次阅读。它给创意机构读者的是一条通向主张的最短诚实路径。
这个功能区背后的时序
预设动画库能给你比这多得多的动作。这份简报要的更少：0.7s 的过渡、悬停态与按下态，上面不加任何装饰性动画。这个功能区里没有为动而动的动画。
常见问题
Radial Diagram 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 5,364 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Radial Diagram 有多少地方依赖 React 和 Tailwind CSS？
Radial Diagram 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Radial Diagram 里 0.7s 的过渡是怎么动的？
动效和版式写得一样细：状态切换落在 0.7s 区间内。先复刻构图、再对时长，因为版式立住之后时长更好对。
