Interactive Palette Playground
按钮配色交互预览
点击顶部不同方案，底下所有按钮会一起切换色系。你也可以直接点选主要控件，真实感受同一套交互在不同颜色系统里的层级变化。
选择配色方向
点击后整页联动
页面背景
#F7F4EF
#F7F4EF
按钮浅底
#F0ECE5
#F0ECE5
选中浅底
#E4ECE6
#E4ECE6
主品牌色
#415B4A
#415B4A
核心控件交互预演
点击看状态，切换看气质
面积筛选
图 1 · 互斥选中
流程按钮
图 2 / 图 4 / 图 5
工具栏与模式切换
图 3 / 图 6
这里保留了原本产品的轻工具感，只让主要模式切换变成可点击，避免整页过度原型化。
分段与内容切换
图 7 · 互斥选中