蓝橙经营图谱以白色画布、藏蓝秩序和赭红警示组织经营信息。它服务于结论、趋势和比较,视觉重点始终是可核对的数据。
配色
背景使用 #FFFFFF 与 #F2F2F2。主色为 #1D4273、#305598、#4474C5、#5C7DB9、#778EAB、#99B0E3;强调色为 #A13422、#C7857A。正文使用 #000000,表格线使用 #D1D5DB,关键边界使用 #0F213A。赭红只能突出异常、目标或关键节点。
排版
使用 SF Pro Text、PingFang SC、Helvetica Neue 等系统无衬线体。标题 46-60px,以黑色为主,可使用一个蓝色词组强调;正文与数据标签保持 13-23px。KPI 仅在需要强调结论时使用蓝色实底和白色粗体。
布局
使用顶部结论、主体图表、底部 KPI 的阅读顺序。适用左右分栏、卡片矩阵、甘特图、条形图、趋势图和表格。按内容取舍指标,卡片与色条必须严格对齐并保留真实留白,避免密集堆叠或把所有指标做成同等大小。
插画与装饰
只使用图表、色带、圆角标签、细描边表格和必要的连接线。装饰必须表达数据关系,不使用具象插画。
动画
图表可做数值增长、色带延展、KPI 计数和进度条填充,时长 0.4-0.8s,使用 ease-out。
适合场景
经营数据汇报、年度总结、KPI绩效、市场运营分析、项目进度。
配图
不支持配图。
不要
- 不要使用大面积深色背景、霓虹色、手绘或卡通插画。
- 不要使用花哨字体、强阴影或失控的大圆角。
- 不要让图片替代图表、表格或关键数据。