NEXA / 团队设计参考 / v0.5

让设计与实现,
说同一种语言。

这页把演示站的视觉与行为放在一起。可以直接查看组件,也可以走完三题体验,作为后续产品化的共同基线。

已实现:静态主站与微体验待接入:真实计算、账户与支付

01 / 基础视觉

同一片星夜,同一种 Nexa。

对齐 asknexa.me 的冷紫底色、主/辅卡层级、紫红渐变与无衬线排版。 顶部使用产品站同源标志、星芒与主视觉;阅读页仍以窄行宽和宽松行距保持清晰。

星夜底色--night-deep#0b0620
产品页底--night#110630
功能主卡--night-raised#21124b
辅助表面--surface-low#171032
纯白正文--ink#ffffff
主次文字--ink-soft#c9c2e4
交互紫--violet#8871ff
淡紫强调--violet-light#c8a7ff
标题 / Inter 与中文无衬线

对命运好奇,
也保留自己的判断。

正文 / 系统无衬线

把复杂的关系解释清楚,让每一段文字都有足够的呼吸空间。正文不依赖背景装饰才能被理解。

Inter 字体由本站提供;中文使用苹方、微软雅黑或 Noto Sans CJK SC。标题与正文共享无衬线语言。

SVG 图标 / 24 × 24

装饰有气质,操作有共识。

星芒、轨道和罗盘承载 Nexa 的品牌语气;箭头、刷新、分享等操作图标保持克制、熟悉。默认线宽 1.65px,继承文字颜色;纯装饰图标对辅助技术隐藏,有独立含义时必须提供可读名称。

星芒品牌强调
轨道计算与方法
罗盘方向与引导
图表结果与趋势
盾牌隐私与边界
文档报告与白皮书
刷新重新生成
分享分享结果
朗读语音播放
箭头继续与跳转

全站容器最大 1180px;手机单列阅读。颜色只是设计令牌,不是完整可访问性认证;最终组合仍需检查对比度、焦点与缩放。

02 / 组件 C02 · C03 · C08

动作明确,信息层次稳定。

真实链接:可点击、可键盘聚焦

禁用示例不发送请求。生产提交中的按钮与重复提交保护,需要真实任务契约后再实现。

C03 / 问题入口

有些选择,需要先看清问题。

整卡进入体验区域,不自动替用户选择答案。

什么是一个完整的状态稿?

除了默认页面,还需要描述触发动作、等待、失败、数据不足与恢复路径。这条 FAQ 可实际展开和收起。

03 / 可操作的交互 S0-S3

三道题,一个完整的免费视角。

与首页使用同一个组件。依次选择主题、帮助、感受;可以返回改选、查看结果和重新体验。全部在浏览器内运行。

微体验 · 不需要注册1 / 3

先不谈命运

此刻最牵动你的,是什么?

选一个最接近的就好。答案只在你的浏览器里停留。

这不是命理计算或 AI 实时推理。没有网络计算等待,也没有注册、付款或资料保存。

04 / 生产版状态设计建议

不仅画成功,也画如何继续。

下面是静态文案和布局样例,不代表当前存在任务、订单或服务异常。正式状态及恢复动作需与核心团队确认。

样例 / 等待结果

正在整理计算结果

页面会在服务确认后更新。没有可信的进度时,不显示虚构百分比。

设计要求:明确等待与退出后的处理
样例 / 资料待确认

还有一项资料需要你确认

说明缺少什么、为什么需要,以及不知道时还能提供哪些有限结果。

设计要求:允许返回修改,不伪造资料
样例 / 连接中断

暂时没有收到最新结果

网络超时不等于任务失败。先查询原任务,再决定是否需要重试。

设计要求:避免重复计算或重复收费
样例 / 无法生成

这次暂时无法提供有效解读

说明限制与可用的恢复方式,不用演示文案补成一份“成功报告”。

设计要求:让失败可理解、可恢复

05 / 从参考到正式产品

设计稿、契约与验收,一起交付。

设计团队

交付正式令牌、组件 variants、手机/平板/桌面稿、完整状态、交互和资产标注。这页不是已经完成的 Figma 文件。

程序团队

保留可读的静态内容,按确认的服务契约替换演示计算。补齐身份、权限、任务恢复、支付幂等与数据管理后,再验收真实业务。

团队交付包另含页面规格、设计规范、接入说明、验收用例和待确认决策。内部技术资料、凭据与研究原始素材不会在此页面公开。