MoMo Design System

墨墨设计系统 v1.0

为虚构出版业 AI 产品「墨墨」制定的界面语言：从稿件审校、选题评估到印厂排期，统一令牌、组件与反馈语义，让编辑台与模型工作台共用同一套纸面节奏。

Light Docs Stable System UI + Mono
SECTION 01 · DESIGN TOKENS

设计令牌

令牌是墨墨界面的最小可复用单位。色板取自纸、墨、靛蓝印记；字号、圆角、间距与阴影按编辑台密度分级。

色板 · 8 Color
墨黑 Ink#0f172a
松烟 Soft#334155
宣纸 Mist#f8fafc
栏线 Line#e2e8f0
靛蓝 Accent#6366f1
竹青 Success#059669
琥珀 Warning#d97706
朱砂 Danger#e11d48
字号 · 6 Type Scale
墨
Caption
12 / 1.5
墨
Small
13 / 1.5
墨
Body
15 / 1.6
墨
Lead
18 / 1.4
墨
Title
24 / 1.25
墨
Display
36 / 1.15
圆角 · 4 Radius
sm4px · 控件内角
md8px · 按钮 / 输入
lg12px · 卡片
full9999px · 徽章 / 开关
间距 · 6 Spacing
space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-6
24px
space-10
40px
阴影 · 4 Elevation
sm令牌卡 / 次级面
md悬浮菜单
lg抬升卡片 / Toast
xl模态与抽屉
SECTION 02 · FOUNDATION

基础组件

编辑工作台最常出现的动作与身份元素。按钮四种语义互斥，徽章与标签用于稿件状态，头像用于责编与作者。

Button.btn-*主操作靛蓝、次操作描边、幽灵透明、危险朱砂，高度 36px。
审校中 已过三校 待选题会 版权冲突
Badge.badge稿件生命周期胶囊，只承载 2–6 字状态，不放操作。
林
周
墨
A
B
C
Avatar.avatar责编姓名末字入圆；叠放时白边 2px，表示共编席位。
虚构 少儿 AI 选题 加印
Tag.tag品类与渠道标签，可多选过滤；圆点颜色对应色板语义。
第 3 校 · 责任校对
Divider.divider纯线分隔模块；带文案版本用于校次、章节或流程节点。
SECTION 03 · FORMS

表单组件

选题单、版权合同与印厂指令共用同一套输入控件：聚焦时靛蓝光环，标签始终在上。

Input.input单行文本，占位符用真实书名示例，勿写「请输入」。
Textarea.textarea多行说明，最小高度 88px，允许编辑器纵向拉伸。
Select.select有限枚举用原生选择器，自定义箭头避免系统控件跳跃。
Checkbox.check可并行的附加动作；强调色跟随靛蓝 accent-color。
Radio.radio互斥装帧决策，一组内必须且只能选一项。
Switch.switch即时生效的能力开关，不需要「保存」才能改变状态。
SECTION 04 · FEEDBACK

反馈组件

模型任务、印厂回传与权限失败都要有可扫描的语义色。页面内 Alert 持久可见，Toast 只报瞬时结果。

信息选题会将于周四 14:00 召开，请提交一页纸评估。
成功三校 PDF 已归档至「2026 秋季书单 / 虚构」。
警告封面出血不足 3mm，输出前请让美编复核。
错误版权合同未签署，禁止下发印厂指令。
Alert.alert-*四语义：info / success / warning / error，放在表单或流程顶部。
墨
校样已发送责编周宁 · 刚刚
Toast.toast墨黑底瞬时确认，3 秒后消失；不承担错误的完整说明。
OCR 识别书稿64%
Progress.progress长任务百分比条，左侧任务名、右侧等宽数字。
Skeleton.skel书目卡片占位，避免模型返回前布局跳动。
SECTION 05 · DATA

数据组件

选题看板、印量报表与渠道趋势。卡片三种密度，表格必须有表头与行悬停，指标卡展示数字、标签与涨跌。

Card · 3 Variants

深夜食堂·四季番

秋季重点虚构。AI 已完成竞品对标与渠道卖点抽取。

责编 周宁审校中
Card / Media带封面色带，用于选题墙与新书预告。

抬升卡片

用于需要从宣纸底浮起的决策摘要，阴影取 lg。

印厂排期Q3 · W32
Card / Elevated无描边、大阴影，适合仪表盘焦点模块。

虚线占位卡

「添加选题」或空态草稿位，提示可写入但尚未落库。

+ 新建选题单—
Card / Outline虚线 + 宣纸底，表示尚未确认的容器。
Table
书名 责编 状态 印量 渠道
深夜食堂·四季番 周宁 审校中 28,000 电商 / 馆配
给孩子的天文课 林夏 已过三校 40,000 教育渠道
编辑部手记 韩牧 待选题会 12,000 垂类书店
版权冲突样本 苏晚 冻结 — —
Tablethead + hover表头宣纸底、行悬停靛蓝浅底，数字用原样等宽观感。
Stat
本周新选题
18
↑ 12% 较上周
Stat / Up整数指标 + 标签 + 竹青上涨趋势。
平均三校周期
6.4 天
↓ 0.8 天 变慢
Stat / Down周期类指标用一位小数，下跌用朱砂。
AI 采纳率
71%
↑ 5pt 责编接受建议
Stat / Rate百分比用 tabular 数字，趋势句说明口径。
墨
已写入校样队列3 秒后自动关闭