关于这个模板
NexaCore Control 留住了自己的决策链:生成这个功能区的需求简报有 8,666 个字符。标题是“Constant re-verification because source data can't be trusted”,功能区其余部分都围着它排。整套配色是白色 #EBEBEB 打底,页面字体是 Mazzard H。交付形式是 React 和 Tailwind CSS,收录于 640x468,所以画幅在任何一行代码写下去之前就已经定好。如果你要给别人提一版SaaS功能区的需求,就从这个构图起步,把题材换掉。
适合谁
- 在这版功能区上继续加块的内部小组,需要把 3 栏栅格、18px 圆角原样带进新块里。
- 给正在做AI 或 SaaS 产品功能区、背后还没有设计系统的独立创始人用。
- 给要改写一版功能区、标题长度又得和NexaCore Control一样的内容负责人用。
包含哪些内容
- 需求简报点了名. 这里没有一样东西是靠眼睛估的。规格钉死了 3 栏栅格、18px 圆角、12px 间距,剩下的版式都从这些值推导出来。每个值都能对着收录的提示词核一遍,重建因此是可验证的,而不是大约像。
- 是数据带,不是表格. 数字用 Mazzard H 排,字号更靠近标题,而不是更靠近正文。这一行对齐到和上方标题同一条版心线。
- 一屏之内的结构. 整套构图装在一屏里,以 React 和 Tailwind CSS 交付,文案、素材和控件都在需求简报里点明了。页面在 640x468 下就是一套完整构图,所以文案变了它依然立得住。画幅保留,换掉主题。
- 一套字,克制着用. 字体是 Mazzard H,用在字阶最高一档;支撑文案掉得远低于它,层级因此不用靠颜色就读得出来。行高跟着字号档位走,而不是一个全局值。
动效与交互
悬停只给该有反馈的地方
只有控件响应指针(悬停态只给按钮和链接,而不是每张卡片),页面因此有反馈感,又没把每个元素都变成点击目标。页面不会弹出模态框,也不劫持滚动;交互始终限制在元素本身。指针效果只留在控件上。这份参考在 640x468 下收录。
不挡路的动效
这里没有滚动库:640x468 的构图保持不动,只有会回应你的元素在动。只有响应指针的元素会动。动效只留在控件上。
NexaCore Control 里什么在动
抄的是模式,不是数值:保住悬停态与按下态,时长交给你自己的品牌定。这个功能区里没有为动而动的动画。这份参考在 640x468 下收录。
NexaCore Control 怎么安排第一次阅读的顺序
这里没有任何东西跟第一个决定抢位置。“Constant re-verification because source data can't be trusted”从第一帧起就在做这件事。支撑素材等在折叠线以下,页面顶部只由公告徽标、数据行、卡片栅格、背景片段承担。 SaaS读者先看到主张,再看到选项。
这个功能区背后的数字
这个功能区是量出来的,不是看出来的。3 栏栅格、18px 圆角来自需求简报,版式是照这些档位排的,而不是一点点挪到位的。这个功能区里没有任何一处依赖默认值。
常见问题
复制 NexaCore Control 的需求简报,我能拿到什么?
简报是从页面上收录下来的,共 8,666 个字符,覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本,发给 Studio 则会用同一份描述把请求预先填好。
NexaCore Control 有多少地方依赖 React 和 Tailwind CSS?
NexaCore Control 是用 React 和 Tailwind CSS 构建的,条目标注只是说明出处。简报写的是位置、尺寸和时长,所以任何能设字体、能摆元素的前端框架都能重建。
能保留 NexaCore Control 的过渡、只改时长吗?
动效和版式写得一样细:状态切换落在不足一秒区间内。先复刻构图、再对时长,因为版式立住之后时长更好对。这份参考在 640x468 下收录。






