用途：本规范用于 DBM 前端的排版与交互设计，只沉淀可复用的设计取值与交互模式（间距、尺寸、色值、结构、流程），不涉及具体项目的组件实现。新建或修改页面、组件、样式时使用。
场景路由：按场景先读对应参考文件。新建 HTML 页面需先复制骨架 assets/page-frame.html；新建页面、算容器高度与页面类型判定读 layout.md；表格列表页读 list-page.md；工具箱提单页读 toolbox-page.md；详情页读 detail-page.md；弹窗、侧滑、气泡确认与消息提示读 overlay.md；按钮主题、文案与位置读 button.md。
页面骨架：系统只有四类骨架，新页面必须归入其一。列表页为操作区+表格+分页，无底部操作；工具箱提单页为提示条+表单表格，固定底栏 52px 含提交与重置；详情页为灰底摘要栏+卡片栈/Tab，固定底栏含克隆、撤销等；配置管理页为操作区+表格+侧滑表单，侧滑 footer 含提交与取消。
设计令牌：间距只用 8/16/20/24，其中 8px 用于按钮之间及图标与文字，16px 用于操作区与表格、卡片之间，20px 用于顶部提示条与表单，24px 用于页面左右内边距与 Tab 容器；另有 88px（footer 主按钮 min-width）、52px（顶栏、面包屑、固定底栏统一高度）、2px（全站唯一圆角）。字号只用 12/14/16：12px 为内容区基准，14px 为全局默认，16px 为详情主标题与面包屑标题；内容区组件统一压到 12px。颜色须来自语义色板，禁止新增色值，包括主色 #3a84ff、辅助文字 #979ba5、正文 #63656e、弱文字 #c4c6cc、标题 #313238、边框分割 #dcdee5、危险 #ea3636、成功 #2dcb56、警告 #ff9c01、浅灰底 #f5f7fa、深灰底 #f0f1f5。
全站铁律与限制：空值渲染为 --；文案必须走国际化；footer 主按钮 min-width 88px、按钮间距 8px、主按钮在左；危险色按钮只用于不可逆操作；行内操作用文字链接按钮；资源变更操作须接入权限控制，禁用按钮配 tooltip；非全屏页面不再加 24px 内边距；HTML 原型交付为单个独立文件，字体图标与图片需内联且无附带资源。改完页面后按自检清单逐条核对。