设计说明/静态原型 v0.1
静态原型 · 待审查 · 确认后转 React

魂镜 原型 v0.2

魂镜 Web 界面静态 HTML 原型(v0.1 第一批方向已确认,v0.2 增补第二批共 15 个界面),供审查视觉方向、布局结构与文化语言的界面落地方式。全部确认后按此实现为 React 组件;未在本文档登记的视觉细节以本页令牌为准。

原型页面

第一批(已确认):镜庭、镜生、镜树;第二批:息壤、形仪、天工阁、神识阁、百工坊、雅集、同契台、云市、器谱、司命台、设置,及运营者/自托管使用的管理面与认证页。全站链接已疏通:跨页指向对应页面、页内为锚点;logo 单击回本目录,350ms 内连点 5 次触发「镜启」彩蛋(承接 main 分支旧版设计);侧栏可折叠并记忆偏好。

设计立场

四条约束所有页面的决定,审查时优先核对这四条是否成立。

一 · 双层文字系统 —— 文化名用衬线宋体,直白解释用无衬线小字,两种字体本身就是"文化名 · 直白解释"两层结构的可视化;风险、金额、权限、删除等后果始终以直白语言为主,文化名只作辅助。
二 · 朱砂只属于朱批 —— 朱砂色是"用户确认决定"的专用语义色:请命卡的允许按钮、危险动作入口使用它;普通操作一律铜镜青。颜色即权限语言。
三 · 墨与月白 —— 深色为墨(青调黑,非纯黑),浅色为月白(青灰白,非暖米);铜镜青为主色,取铜镜铜绿之意,不用蓝紫系默认色。
四 · 状态永远三段式 —— 状态徽章固定为「文化状态 · 直白状态 + 稳定工程值」,例如「运转 · 运行中 running」;错误与交易状态绝不只显示文化名。

色彩令牌

右下角可切换主题;以下色板随主题联动。转 React 时这些令牌进入 Tailwind 配置 / CSS 变量。

底 · 墨 / 月白表面层级 0--bg
浮面卡片与气泡--bg-raised
铜镜青主色 · 选中/链接/运转--accent
朱砂朱批 · 确认与危险--cinnabar
已成完成态--ok
秋香整备 / 幻境--warn
受阻失败态--err
正文一级文字--text-1

字体规范

不引入外部字体文件,使用系统中文字体栈;转 React 时同栈迁移。

文化名 · 宋体衬线镜树 · 分支对话
界面正文 · 无衬线正文 14px / 行高 1.65,辅助文字 12.5px,元信息 11.5px
稳定值 · 等宽running · m_01h8xq… · block_id: blk_7f3a

状态徽章全集

对应 docs/product/cultural-language.md 第 10 节;徽章三段:文化状态 · 直白状态 · 稳定值。

徽章稳定值使用场景
待启 · 排队中 queuedqueuedRun / 媒体任务排队
运转 · 运行中 runningrunningRun 执行中
请命中 · 等待确认 waiting_approvalwaiting_approval等待朱批
已成 · 已完成 completedcompletedRun / 任务完成
受阻 · 失败 failedfailed失败(附原因与重试)
已止 · 已取消 cancelledcancelled用户取消
守一 · 安静待命 idleidle角色无运行
整备 · 正在处理 processingprocessing媒体 / 资源处理
待审 · 等待审核 pending_reviewpending_review社区 / 市场审核
已刊 · 已发布 publishedpublished社区内容

组件样例

按钮语义:铜镜青为主操作,朱砂仅用于朱批(用户确认决定)与危险操作,描边为次操作。

请命请求你的确认 息壤角色记忆 幻境临时试演 · 不入正史
pythonreading_progress.py
# 汇总共读接龙进度(示意)
from pathlib import Path

def summarize(records: list[dict]) -> dict:
    done = [r for r in records if r["finished"]]
    return {
        "total": len(records),
        "finished": len(done),
        "pending": [r["name"] for r in records if not r["finished"]],
    }
注意力权重 = softmax( QKT / √dk ) · V fallback:注意力权重等于 Q、K 转置乘积经缩放与归一化后对 V 的加权求和

审查重点

第一批(色彩、字体、镜树/镜生/镜庭结构)已确认;本轮重点核对第二批页面,反馈时按页名 + 位置描述即可。

1. 息壤:候选审阅的「归真入忆 / 正影纠正 / 忽略」操作,以及大周天来源、重忆提示的呈现是否可理解。
2. 天工阁:工筹步骤、预算、分工使、轨迹的信息层级是否符合你对 Run 治理的预期。
3. 神识阁 / 百工坊:路由继承链与「升级新增权限需重新确认」的展示是否清晰,朱批语义是否仍然专一。
4. 云市:金额、分润、退契规则是否足够直白(文化名没有掩盖交易后果)。
5. 器谱 / 司命台 / 设置:直白权限句、双重授权、私箧与删除等高风险项的措辞与视觉重量。
6. 雅集 / 同契台:社区帖卡与协作审稿流的信息密度是否合适。

旧版传承与候选

已系统挖掘 main 分支旧版 25 页设计原型(铜镜鉴心体系),按「取手法、不照搬旧概念名」原则融入——六爻 / 九枢 / 三魂等概念 1.0 已由小周天、灵台六模块、内驱力等替代,仅传承其可视化手法。

旧版想法来源页状态
鎏金发丝线三档令牌tokens.css✓ 已融入全站(分组标题 / 金标竖条 / 品牌外环 / 时间线)
logo 五连击「镜启」诗签彩蛋_theme.js✓ 已融入(修好首次单击即跳转的缺陷)
铜镜登录页(铭文环 / 铜面噪点 / 扫描亮带)copper-mirror-login✓ 已融入登录 / 注册页
极光铜晕底 + 卡片 hover 光扫_base.css / rune-engine✓ 已融入全站(极淡,不干扰阅读)
日晷时辰盘 + 节气 + 相伴日文案time✓ 已融入镜庭 hero(巳时 · 白露 · 第 918 日)
朱批卡风险分级(RISK L2)chat-redesign✓ 已融入镜树请命卡
「呈镜」发送按钮命名(旧版已确立血脉)chat-redesign✓ 已融入镜树输入区(aria 仍读「发送」)
运行阶段爻象三态(done / active / pending)chat / evolution✓ 已融入天工阁工筹(active 步骤鎏金光晕)
河图置信度图谱(置信→线宽,假设→朱漆虚线待验)world✓ 已融入息壤玄络(待验边 + 标注)
息壤浮现(本次回应用了哪些记忆)chat / copper-v2✓ 对应 1.0 上下文镜(镜树右栏,同源 ContextSnapshot)
九枢星盘「活的仪器」+ 铜镜四态健康词汇admin / copper-v2✓ 已复刻为灵台六枢星盘(太一居中 + 五枢环绕 + 呼吸刻度 / 慢旋 / 告警闪烁)+ 镜态徽章(管理面)
五行生克健康环(系统健康=关系动力学)wuxing✓ 已复刻为相生 / 相克指标对告警(管理面星盘卡;环状图 React 阶段评估)
眉批 depth 标尺注入预览margin-notes候选 —— 上下文镜深度维度(React 阶段与 Context Manifest 联动)
好奇萤火(亮度=期望值)与探索天平drive✓ 萤火已融入内驱力维度(亮度=维度值);探索天平待天工阁预算增强时评估
周天四镜阶段链(评 / 演 / 候 / 藏 四面小铜镜)evolution✓ 已复刻为大周天四镜:回 / 照 / 议 / 呈(镜生页,ADR-023 四阶段)
会话列表「今日 / 本周 / 更早」分组 + 彩点状态chat-redesign✓ 已融入镜树会话列表(活跃铜绿 / 幻境秋香 / 待朱批朱砂)
「深虑 / 博闻」输入控制药丸 + 用户消息鎏金右边线chat-redesign / copper-v2✓ 已融入镜树输入区与用户气泡
起居注时间河「卷」章分割admin✓ 已融入管理面审计快照
太极阴阳平衡 gauge(三态)cosmos✓ 已复刻为朱批治理阴阳平衡(司命台,阳亢 / 平衡 / 阴盛)
角色 card-banner 渐变横幅character-detail✓ 已融入镜生详情页
思考块折叠卡(复刻 chat-redesign)chat-redesign✓ 已融入(用户确认):思考摘要可折叠 + 深虑强度(低/中/高)——契约候选:正式实现前需在 content-blocks 契约登记 thinking 块类型与流式语义;摘要仅会话内可见,不入长期记录与诊断导出