林深见鹿，源启清溪
Deep Insights, Evolutionary Origin.
鹿溪联合创新实验室（LUXI Joint Innovation Lab）出品
仓库：itrilogy/LUCY-DESIGN
把实验室 12 个产品的既有视觉与交互实践，收敛为一套可执行的统一设计范式——供生成式设计工具（OpenDesign）、AI Agent 与前端工程共同消费，避免"每个产品一套色、一套圆角"的漂移。
| 文件 | 角色 | 消费方式 |
|---|---|---|
| DESIGN.md | 叙事规范：原则、禁令、组件与页面骨架 | 人读规范；工具侧可作 prompt 前缀 / RAG 语料 |
| tokens.css | 可执行层：CSS 变量 + 三主题 + 产品 accent | 前端直接 <link>，data-theme / data-product / data-density 驱动 |
| tokens.json | 结构化层：设计 tokens 全量数据 | 设计工具导入变量；代码生成读取 schema |
<!-- 1. 引入 tokens（亮主题为默认） -->
<link rel="stylesheet" href="tokens.css" />
<!-- 2. 通过属性驱动主题 / 产品 accent / 密度 -->
<html data-product="hengliu" data-theme="dark" data-density="compact">/* 3. 组件直接消费语义变量，不写游离色值 */
.card {
background: var(--bg-card);
border: 1px solid var(--border-line);
border-radius: var(--radius-md);
box-shadow: var(--shadow-sm);
padding: var(--space-6);
}
.button--primary {
background: var(--color-primary);
color: var(--text-inverse);
height: 36px;
border-radius: var(--radius-sm);
}
.button--primary:hover { background: var(--color-primary-hover); }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }| Token | 色值 | 用途 |
|---|---|---|
| 鹿溪绿 | #0D5E42 |
主底色、品牌识别、primary 按钮 |
| 源启白 | #F5F7FA |
画布背景、面板反白 |
| 进化蓝 | #00D2FF |
溪流、源启星、数据高亮、焦点环 |
| 标题金 | #F1C40F |
落点、显著信号、命中热区 |
三主题：light（工作台/报表/文档）· dark（数据/推理界面）· ink（播放/展示沉浸页）。
产品 accent：见 tokens.json → color.product（12 产品各自 accent 与意象，如衡流蓝 #60A5FA、审微青 #2F7A73、观澜红蓝 #E74C3C/#3498DB、聆涧暖米 #E8D4B0）。
LUCY-DESIGN/
├── README.md # 本文件（对外说明）
├── DESIGN.md # 设计范式正文（原则 · 组件 · 页面骨架 · 生成指引）
├── tokens.css # CSS 变量：core / semantic / theme / product accent / 基线
├── tokens.json # 结构化设计 tokens（W3C 风格）
└── assets/
├── luxi-lab.svg # 实验室 LOGO（符号标 · 白底绿）
├── luxi-lab-inverse.svg # 实验室 LOGO（绿底反白）
├── luxi-lab-gold.svg # 实验室 LOGO（深底烫金）
├── luxi-lab-main.svg # 写实主标归档（正式件；不进产品 UI）
└── luxi-lab-main-512.png # 写实主标 512×512 交付版
| 文档 | 内容 |
|---|---|
| DESIGN.md | 完整范式：品牌基石 · L-U-X-I 设计法则 · 色彩/字体/空间 · 组件规范 · 交互五铁律 · 动效预算 · 12 产品差异化矩阵 · 四类页面骨架 · OpenDesign 生成指引与自检清单 |
| tokens.css | 主题与变量实现 |
| tokens.json | tokens 数据（含产品 accent 与意象） |
- 实验室 LOGO（界面）：符号标
#luxi-symbol-mark（Y + 一横，无方框）；工程文件assets/luxi-lab.svg及 inverse / gold 变体 - 写实主标（正式件）：
Obsidian departments/lab/鹿溪联合实验室/LUXI LAB.svg；本仓库assets/luxi-lab-main.svg为单向拷贝，不得在工程侧修改，也不得挂到产品 UI / README / 关于 / 页脚 - 产品方标规范：512 视口 · 圆角砖（rx=112）+ 业务图形 + 进化蓝水平溪流 + 源启星。默认绿砖
#0D5E42；聆涧底板深林#1B2421，业务图形为暖米山脊 + 进化蓝一字（套件glyph，不得回退涧壁+耳廓） - 各产品自有品牌资产位于其仓库品牌目录（如
static/brand/、public/brand/）
v1.x 仅新增 token 与组件（向后兼容）；v2.0 才可变更 core 四色与设计原则。变更需同步更新三层文件及各产品引用。
鹿溪设计范式 · LUXI Design System · 林深见鹿，源启清溪
© 鹿溪联合创新实验室 · LUXI Joint Innovation Lab
Deep Insights, Evolutionary Origin.