逐级漏斗
clip-path 梯形逐级收窄并自上而下注入动画，每级之间的红色流失徽章直接点名问题环节。
BI / Analytics · No.35
用户在哪一步离开了你
从访问到付费的每一级漏斗、每一条旅程、每一个留存队列：绿色代表继续前进，红色标出流失缺口，蓝色刻画留存曲线。
30 日留存 42.6%
整体转化 18.2%
平均会话 6 分 24 秒
注册转化漏斗 · 近 30 天
访问落地页48,200 · 100%
注册账号62%
完成激活41%
升级付费18%
周留存队列（按注册周分组）
W1W2W3W4W5
6月第1周7258473931
6月第2周7561504133
6月第3周7866534436
风格特性
行为分析的三件武器：漏斗、旅程、队列。
旅程流向
桑基式流向以 0.6 透明度灰色连线表达分流强度，主路径与旁路一眼分明。
队列热力
40px 网格单元 + 5 级蓝色标度构成留存热力图，同一队列横读衰减、不同队列纵比改进。
按钮与控件
转化脉冲、参与度徽章与隐私开关。
转化 +2.3pp
流失预警
队列 · 6月W3
创建行为事件
定义关键事件，即刻纳入漏斗与留存计算。
配色板
转化蓝、参与绿、流失红与 5 级热力标度。
留存蓝
#3B82F6参与绿
#22C55E流失红
#EF4444热力深蓝
#1D4ED8热力浅蓝
#93C5FD画布底
#F8FAFC字体级阶
Manrope 圆润有力做标题，Inter 中性清晰做正文。
Display · Manrope 800 · 44px转化率 18.2%
Heading · Manrope 800 · 24px注册漏斗 · 近 30 天
Body · Inter 400 · 16px访问到注册之间流失 38%，是整条漏斗的最大缺口；建议对落地页首屏做 A/B 实验并缩短注册表单。
Label · Inter 700 · 12pxCohort · Week 3 · Retention 53%