MagicBubble · 产品站三版风格

Drawing Field

图纸场

浅色外观。纸白图纸场是全场最亮的东西，机壳退成图板灰。首屏直接摆软件对一张矢量件的真实输出：23 个尺寸全部读出、全部框出、全部编号。往下是三张图纸的实测对账（矢量件 / 扫描件 / 手写件），每张都给出真实召回与准确率。

图板灰纸白信号三色

打开 A 整页长图

机壳

暗色外观。图纸白场成为机壳里唯一被照亮的东西，扫描线正走过它，左侧读数轨按节拍逐条落行。这一版把「机器正在工作」作为首屏命题：你不是在读介绍，你是在看它干活。

机壳抬起面信号三色

打开 B 整页长图

规格书

把产品讲成一份检验员签字前会读的技术文件：桌面上一张连续的纸，抬头是图纸标题栏的语法，正文用条款编号组织论证，表格、运行条件、不适用项、修订记录全是这份文件本来就该有的块。

图板纸信号三色

打开 C 整页长图

MagicBubble 的界面世界里只有两种材料：平涂机壳与纸白图纸场。图纸永远是全场最亮的东西，因为图纸就是纸。层次只靠明度拉开，不靠色相。一切分隔都是 1px 发丝线，一切端点是方形。

三条信号色各只有一个含义，不允许挪用：绿 = 在用 / 已识别 / 已就绪，琥珀 = 待定 / 待裁决，红 = 必须停下。零圆角、零投影、零渐变是硬纪律，三版都遵守。

产品站不另起一套视觉。它把软件里的世界搬到页面上，所以访客打开软件时不会觉得走进了另一个产品。

页面里的图都是真东西：三张展示图纸是软件对真实图纸的识别输出（红色虚线 ROI 框、气泡编号、引线都是软件原样画的），界面裁片取自产品真实运行截图。对账用的真值来自客户 FA 首件报告与图面清点。