# LiuLiVI

**Repository Path**: leehovan/LiuLiVI

## Basic Information

- **Project Name**: LiuLiVI
- **Description**: LiuLiDS Visual Identity Specification Skill - 琉璃设计框架品牌视觉识别规范
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://liulids.asia
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-20
- **Last Updated**: 2026-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# LiuLiVI

LiuLiDS Visual Identity Specification — 琉璃设计框架品牌视觉识别规范

🔗 **在线体验**：[https://liulids.asia](https://liulids.asia)

## 品牌叙事

「琉璃」（liuli）是中国传统彩色釉玻璃的古老称谓，始于西周，盛于汉代。它以金属氧化物着色、高温熔融，自然流动成形——每一件琉璃都拥有不可复制的色彩过渡与光影质感。

LiuLiDS 的视觉标识承载这一核心叙事：
- **半透性**：琉璃的精髓在于"透而不明"
- **流动性**：釉料在熔融状态下的自然流动形成独一无二的渐变轨迹
- **温润感**：区别于工业玻璃的冷硬，琉璃表面呈现柔和的光泽与触感

## 架构

```
A. 基础系统（品牌DNA）
 A1 品牌标识 / A2 色彩体系 / A3 字体规范 / A4 辅助图形 / A5 图标库 / A6 琉璃特效

B. 应用系统（场景适配）
 B1 办公事务 / B2 数字媒介与广告 / B3 环境导示与公关礼品

C. 扩展系统（未来适配）
 C1 动态标识与新媒介 / C2 合规管理

D. 深化系统（规划中）
 D1 品牌战略 / D2 品牌语调 / D3 薄彩哲学 / D4 摄影风格
 D5 插画语言 / D6 数据可视化 / D7 动效设计 / D8 设计令牌
```

> A/B/C 系统已落地为 references/ 下的规范文件，D 系统部分（D1–D7）尚未编写，仅 D8 设计令牌已实装。

## 目录

```
LiuLiVI/
├── README.md                           # 项目说明
├── CHANGELOG.md                        # 更新日志
├── LICENSE                             # MIT 许可证
├── references/                         # 规范文档
│   ├── brand-mark.md                   # A1 品牌标识
│   ├── color-system.md                 # A2 色彩体系
│   ├── typography-system.md            # A3 字体规范
│   ├── auxiliary-graphics.md           # A4 辅助图形
│   ├── icon-spec.md                    # A5 图标库
│   ├── effects.md                      # A6 琉璃特效
│   ├── office-system.md                # B1 办公事务
│   ├── digital-media.md                # B2 数字媒介与广告
│   ├── environment-signage.md          # B3 环境导示与公关礼品
│   ├── dynamic-identity.md             # C1 动态标识与新媒介
│   ├── compliance.md                   # C2 合规管理
│   └── design-tokens.json              # D8 设计令牌
├── implementation/                     # 工程实现
│   ├── css/
│   │   └── variables.css               # CSS 变量
│   ├── figma/
│   │   └── README.md                   # Figma 资源说明
│   └── tailwind/
│       └── globals.css                 # Tailwind 全局样式
├── templates/                          # 模板规范
│   ├── pdf-templates.md                # PDF 模板
│   ├── poster-spec.md                  # 海报规范
│   └── ppt-templates.md               # PPT 模板
└── assets/                             # 设计资源
    ├── colors/
    │   ├── README.md                   # 色彩资源说明
    │   └── liulids.json                # 色彩数据
    ├── fonts/
    │   └── README.md                   # 字体资源说明
    └── logos/
        ├── README.md                   # Logo 资源说明
        └── svg/                        # Logo SVG 文件
```

## 核心规范

### 色彩系统

五色主色体系：温意（暖橙）、清岚（薄荷绿）、流光（天青蓝）、丹韵（朱砂红）、霞色（紫罗兰）。

薄彩哲学：极低透明度（alpha 0.08–0.15）+ 毛玻璃 + 边缘折光，营造琉璃质感。

### 字体层级

| 层级 | 字号 | 字体 |
|------|------|------|
| HERO | 44.8–67.2px | Noto Serif SC |
| CHAPTER | 22px | Noto Serif SC |
| SUB | 18px | Noto Sans SC |
| BODY | 14px | Noto Sans SC |
| CAPTION | 11px | Noto Sans SC |

### 设计令牌

完整的 Design Tokens JSON 定义，包含色彩、字体、间距、圆角、阴影、动效等所有设计决策。

## 许可证

MIT License