OpenServ
明亮的磨砂玻璃设计
Graphy
白色大理石上的蓝图。宁静的靛蓝墨水技术表面，唯一鲜亮蓝色提高音量，浮动的玻璃图表碎片在柔和灰色虚空中漂移。
Graphy是一块明亮、如蓝图般洁净的SaaS表面，将数据可视化视为平静的工艺，而非喧闹奇观。画布为极柔和的薰衣草灰（#f2f4f8），卡片表面比它亮一级，采用纯白，形成安静的两级深度，让鲜亮钴蓝操作作为唯一彩色标点发光。排版依靠Aeonik的几何温暖感，强烈收紧字间距，展示字号负值最高到-0.05em，使82px首屏也显得经过工程设计而非装饰。标志性处理是围绕首屏浮动的3D图表插画，半透明、玻璃质感、轻盈得不可思议，搭配极细边框、充裕呼吸空间和唯一的饱和CTA颜色，从不与屏幕数据竞争。
查看原始网站使用规范
建议采用
- Cobalt Signal（#2e62ff）仅用于填充主要CTA，绝不用作文字颜色、边框或非操作元素背景。
- 首屏标题采用68–82px Aeonik Medium、-4.1px字间距和0.85行高，以形成标志性的工程式展示感。
- 保持两级表面系统：Mist Gray（#f2f4f8）画布和Paper White（#ffffff）卡片，绝不在未移除一级的情况下引入第三表面层级。
- 所有卡片、图片和输入框统一使用8px圆角，这是定义系统几何平静感的唯一圆角。
- 所有主要文字和标题采用Indigo Ink（#20295a），Charcoal（#333333）只用于需要中性色的卡片正文。
- 主要CTA与透明描边按钮配对，水平间隔24px；填充与描边对比承担视觉层级，无需字号跃迁。
- 首屏采用带Dawn Wash渐变（白至紫罗兰）的浮动3D风格图表插画，作为标志性装饰处理。
建议避免
- Cobalt Signal（#2e62ff）不要用于装饰形状、插画填充或大面积背景铺色，它的职责是小型功能信号。
- 标准卡片不要添加阴影，系统依靠极细边框和表面对比实现分隔，而非高度效果。
- 展示字号不要使用正字间距；负字间距（-0.033em至-0.05em）是排版标志。
- 正文或标题不要混入Inter，它只用于系统标签中12–14px的微型排版。
- 同一视图不要使用多种鲜亮颜色；Cobalt Signal是唯一饱和声音，Electric Blue（#0099ff）是其描边同伴，不能同时作为填充元素出现。
- 正文不要低于14px或高于18px；14–18px配宽裕行高（1.6–1.83）是适合阅读的范围。
- 按钮不要圆至9999px胶囊形；12px按钮圆角是刻意选择，使系统区别于圆润胶囊SaaS惯例。
