01 设计令牌 (Design Tokens)
标准调色板 (8 Colors Palette)
墨印紫 Primary
焦墨正文 Text Dark
烟灰辅助 Text Muted
熟宣底色 Surface
翡翠成功 Success
琥珀警示 Warning
朱砂错误 Danger
苍青 AI 算力 Accent
排版字号体系 (6 Font Sizes)
出版图书版权页、ISBN编码及作者微注信息 (12px)
辅助标签、表单提示与审校侧边栏批注信息 (14px)
正文默认阅读字号，适用于图书草稿预览与段落展开 (16px)
小节标题 (H3)、组件卡片主标与重要提示 (18px)
章节主标题 (H2)、出版物模块导航栏 (20px)
图书书名封面展示、工作台核心大标题 (24px)
圆角规范 (4 Border Radius Scales)
radius-sm
4px (标签/小徽标)
radius-md
8px (按钮/输入框)
radius-lg
12px (卡片/弹窗)
radius-full
9999px (胶囊/头像)
间距步进体系 (6 Spacing Steps)
--momo-space-14px
--momo-space-28px
--momo-space-416px
--momo-space-624px
--momo-space-832px
--momo-space-1248px
投影高度 (4 Shadow Elevations)
shadow-sm
次级组件微浮雕
shadow-md
标准卡片容器
shadow-lg
下拉菜单/浮层提示
shadow-xl
模态弹窗与排版画布
02 基础组件 (Base Components)
按钮 Button
<button class="momo-btn">
用于触发即时操作，如【AI 智能排版】、【生成校对报告】与【删除草稿】。
徽标 Badge
<span class="momo-badge">
高亮出版生命周期状态，如校对进度、格式合规性与版本锁状态。
已校对 100%
符合出版规范
排版待审核
敏感词拦截
头像 Avatar
<div class="momo-avatar">
展示责任编辑、特约创作者与 AI 辅助智能体的协作身份。
AI
编
李
王
张
标签 Tag
<span class="momo-tag">
用于文章主题归类、出版物规格分类及可移除的知识库属性标记。
科幻小说 ×
大32开装帧 ×
ISBN: 978-7
分隔线 Divider
<div class="momo-divider">
用于划分版面章节、段落层次及承载带文字的流程分割线。
AI 智能编校分析节点
03 表单组件 (Form Components)
输入框 Input
<input class="momo-input">
单行文本输入，支持前缀图标与出版物元数据填充。
📖
文本域 Textarea
<textarea class="momo-textarea">
多行长文本输入，适用于章节内容简介及 AI 装帧提示词。
选择器 Select
<select class="momo-select">
下拉选择器，用于多选项单选如开本标准、排版算法引擎等。
复选框 Checkbox
<input type="checkbox">
多选开关，支持对自动化校对流程进行模块化勾选。
单选框 Radio
<input type="radio">
用于互斥的出版输出格式与排版流向选择。
开关 Switch
<label class="momo-switch">
即时布尔切换，用于开启大模型实时纠错与词库同步。
AI 实时标点敏感词纠偏
04 反馈组件 (Feedback Components)
警告提示 Alert (4 种语义)
<div class="momo-alert">
用于呈现系统状态、规范引用、潜在语法冲突与严重错误阻止。
系统提示： 当前已加载最新国家版署《通用规范汉字表》2026年修订库。
校对通过： 章节全文字数 24,500 字，未发现断句违规及生僻字错用。
版心警告： 第 42 页插图分辨率为 180 DPI，低于印刷推荐的 300 DPI。
编译中断： 无法生成版号条形码，缺失有效 CIP 数据登记号。
轻量提示 Toast
<div class="momo-toast">
悬浮式瞬时反馈，告知异步操作（如草稿保存、批注同步）结果。
AI 智能目录自动生成完成 (耗时 0.38s)
进度条 Progress
<div class="momo-progress-fill">
展示文稿解析、全书查重及 PDF 栅格化导出的实时百分比。
高精度版面语义分析中...
78%
骨架屏 Skeleton
<div class="momo-skeleton">
在 AI 生成书籍大纲或渲染版面排版时提供平滑的占位视觉感知。
05 数据组件 (Data Components)
卡片 Card (3 种形态展示)
<div class="momo-card">
标准出版物卡片、AI 模型任务卡片与审校差异批注卡片。
重点书目
2026秋季
《赛博格的诗意与折叠》
责编：林清远 | 32.8万字
● 排版已封版
AI
墨墨排版大模型 v3.2
自动根据体裁调节段落缩进、字偶距与行距曲线算法。
吞吐速度
14,200 字/秒
📝 第 3 章智能纠偏建议
原稿：不仅仅是
建议：不仅是（消除语病重复）
建议：不仅是（消除语病重复）
表格 Table (带 Hover 高亮与表头规范)
<table class="momo-table">
用于管理批量稿件处理流水线、ISBN 分配与多责任编辑调度。
| 稿件书名 / 文档 ID | 责任编辑 | 装帧规格 | AI 校对得分 | 出版状态 | 操作 |
|---|---|---|---|---|---|
|
《量子计算与未来文明》
DOC-2026-8801
|
陈
陈思哲
|
16开 精装 | 99.4 / 100 | 可下印厂 | |
|
《中国古建筑营造法式图解》
DOC-2026-8802
|
赵
赵立峰
|
大8开 经折装 | 91.2 / 100 | 插图待核色 | |
|
《深海探索笔记：从白令到马里亚纳》
DOC-2026-8803
|
张
张雅婷
|
32开 平装 | -- | AI 正在排版 |
指标卡 Stat (数字 + 标签 + 趋势)
<div class="momo-stat-card">
用于展示核心出版产能、AI 编校采纳率及排版提效指标。
本月已完成 AI 自动排版
1,482 册
↑ 23.5%
较上月同期
错别字与敏感词拦截准确率
99.86%
↑ 0.42%
模型调优提升
平均全书排版编译耗时
1.4 分钟
↓ 42.0%
GPU 节点提速