用途：为 AI 智能体提供一套有明确取舍的约束，用于构建 Miro 风格的浅色界面与设计系统。适用场景包括浅色模式界面、Miro 风格设计系统，以及使用 Inter 字体与 4px 网格的 UI 实现。
颜色：页面背景须用 #FEFEFE（surface-base），主操作与焦点态须用 #C2BBFE（accent）。资料给出语义令牌及色值，如 surface-raised #000000、surface-overlay #EBE4F6、text-primary #4D4E4F、text-secondary #4A68AA、border-default #F1F1F2、warning #4F4826、destructive #E5802A 等，并要求文本对比度至少 4.5:1，建议精简色板。
排版：主字体须为 Inter，建议单一字体系列。资料给出 heading-1 47px/700、正文 7px/400 等要求及多种文本样式（如 37px/700、23px 半粗、17px、16px、15px、14px 等）。标题用 text-balance、正文用 text-pretty，数值用 tabular-nums，且不得擅自修改字间距。
间距与边框：须使用 4px 网格，建议间距取自 1px 至 8px 的尺度，默认元素间距 2px，禁止任意值。圆角须取自指定尺度（1、3、4、5、6、7、9、15、16、17、18px），默认 1px，边框宽度限 1px 或 2px。
布局与组件：须以 1920px 为基准视口设计，全屏高度用 h-dvh 而非 h-screen，固定元素须遵守 safe-area-inset，方形元素用 size-*。按钮有 Ghost 变体等。焦点须用 2px 轮廓及 2px offset，不得移除焦点指示；禁用态用 opacity 0.5 与 cursor: not-allowed。破坏性操作须用 AlertDialog，加载用骨架屏，错误就近展示，禁止阻止粘贴，纯图标按钮须加 aria-label。
动画与性能：未明确要求不得加动画，仅动画 transform/opacity，入场用 ease-out，交互反馈不超过 200ms，须尊重 prefers-reduced-motion。不得动画大面积 blur/backdrop-filter，不在非活动动画中使用 will-change，渲染逻辑能表达的内容不用 useEffect。
限制：以上为资料给出的约束，未提及具体安装命令、收费、平台支持或实际效果；资料未提供使用步骤与集成方式。