BI / Analytics · Data-Dense

一屏尽览，
每一像素都在传递数据

12 列网格、8px 组件间距、12px 卡片内边距、36px 表格行高——用最小的留白换取最大的信息密度，同时保住可读性。

新建看板导入数据源

今日 GMV¥1,824万+6.2%

订单量42,371+3.4%

客单价¥430.5-1.1%

告警12 条+4

近 12 日营收（万元）

支付转化率走势

区域	营收(万)	环比
华东	82.4	+6.1%
华南	64.9	+3.8%
华北	51.2	-1.2%

类别BI / Analytics 年代2020s Modern 复杂度中 Medium 最适合企业报表 · 金融分析 · 运营看板指纹12 列网格 · 8–12px 内边距 · 密而可读

看板组件与信息密度

KPI 行 + 图表卡 + 数据表：同屏多组件是这一风格的核心特征。

今日 GMV¥1,824万+6.2%

月活跃用户248.4万+3.1%

支付转化率4.68%-0.3pt

未处理告警12条+4

多组件网格

组件按 12 列网格排布，间距压缩到 8px，一屏容纳更多维度。

紧凑图表

折线与面积渐变承载趋势，悬停行高亮与提示是主要微交互。

高密度数据表

36px 行高、粘性表头、悬停行高亮，状态以徽章而非仅颜色表达。

业务线	营收(万)	环比	状态
电商事业部	1,208	+8.2%	达标
本地生活	894	+4.6%	达标
广告平台	761	-2.1%	预警
云服务	655	+12.4%	达标
国际业务	372	-6.8%	告警
创新实验室	128	+1.9%	预警

按钮与控件

自动刷新（每 30 秒）达标预警告警数据同步中

悬停按钮出现底色/投影变化，按下有 1px 下沉，禁用态锁定指针并降低不透明度。

配色板

中性底色承载界面，数据色只讲状态：蓝为主指标，绿涨、黄警、红险。

中性底#F5F5F5

正文墨#333333

数据蓝#2563EB

达标绿#22C55E

预警琥珀#F59E0B

告警红#EF4444

字体级阶

¥1,824.6 万

显示级 · Inter 800 · 34–40px · tabular-nums

组件标题：本月营收概览

标题 · Inter/Noto Sans SC 700 · 20px

说明正文保持 16px、行高 1.6——密度来自组件排布，而不是牺牲正文可读性。

正文 · Noto Sans SC 400 · 16px

Axis Label · 数据标签 12px

标签 · Inter 600 · 12px · 字距 0.1em

一屏尽览，每一像素都在传递数据