OPC AI / DESIGN FOUNDATION
视觉基线 · 01

BRAND DIRECTION 01

让数字秩序,
拥有温度。

以克制的黑白建立可信度,以温润材质承载企业知识,用一处方舟绿表达连接、运行与结果。

精密工具感编辑式排版温润材质
12 个智能体已连接

FOUNDATION

基础规范

颜色、排版和空间决定所有页面的共同气质。
墨黑#191918主文字 / 主操作
暖中性灰#F7F7F5工作画布
纸张白#FFFFFF重点内容表面
方舟绿#1BC793状态 / 连接
浅灰填充#EFEFEC图标 / 次级区域
标准边框#DCDCD7组件边界
TYPOGRAPHY01
智能,从理解企业开始。
40欢迎标题 / WelcomeMedium · 1.15
32页面标题 / Page titleSemibold · -2%
16卡片标题 / Card titleSemibold · 1.4
14正文信息 / Body copyRegular · 1.65
14按钮导航 / ActionMedium · 1.4
12辅助信息 / MetaRegular · 1.5
MATERIAL02
Canvas#F7F7F5
Surface#FFFFFF
Elevated#FBFAF7 · Brand only

层次来自明度、内边框和极浅阴影,而不是厚重投影或彩色渐变。

INTERACTION

交互组件

所有操作使用同一套尺寸、反馈和视觉权重。
BUTTONS01
ICON SYSTEM02

导航 18px · 卡片 20px · 操作 16px · 统一线宽 1.7

AI COMPOSER03
Enter 发送 · Shift + Enter 换行
SELECTION & STATUS04
分段选择
状态标签
已连接草稿待补充失败
开关与选择
下拉选择

BUSINESS MODULES

业务组件

统一气质,允许不同内容拥有不同构图。

爆款文案

提取 · 跟随 · 模板 · 复刻

04个能力

营销短视频

获客视频智能体

03个能力
FILE LIST
企业业务介绍.pdfPDF · 2.4 MB
产品与服务说明.docxWORD · 680 KB
客户案例汇总.pptxPPT · 4.1 MB

SYSTEM STATES

系统状态

界面必须解释当前发生了什么,以及用户下一步能做什么。
上传成功

3 份资料已加入企业知识库

智能体正在工作

正在参考产品介绍与客户案例

资料需要补充

缺少近期客户案例与销售话术

统一原则页面不创造新的风格,只组合这套系统中的组件。

OPC AI DESIGN FOUNDATION · V2

IMPLEMENTATION SYNC

母版同步区

这里展示正式母版正在使用的品牌资产、页面骨架、公共文件列表和状态模板。
数字方舟

正式横版 Logo深色导航反白显示,保持比例,不重新绘制。

DESKTOP

264px 侧边栏 · 64px 顶栏 · 1180px 内容区

RESPONSIVE
桌面 4 列平板 2 列手机 1 列

侧边栏在窄屏收纳为抽屉,表格隐藏次要字段。

公共文件列表

实际业务页面直接复用此组件。
文件名称所属分类更新时间状态
企业业务介绍.pdfPDF · 2.4 MB
业务介绍已解析
产品与服务说明.docxDOCX · 680 KB
产品介绍已解析
客户案例汇总.pptxPPTX · 4.1 MB
客户案例处理中
销售常见问题.xlsxXLSX · 1.2 MB
业务介绍已解析

页面状态模板

空内容、加载、失败、无权限使用同一结构。

这里还没有内容

添加第一份资料后,相关内容会显示在这里。

正在加载

正在获取最新内容,请稍候。

暂无访问权限

当前账号没有查看此内容的权限,请联系企业管理员。