POSX Design System
云白为底 · Navy 为骨 · 紫为锋芒 · 四季潮汐。
稳定币支付品牌的单一设计事实来源：色彩、字体、品牌资产、Design Tokens 与 AI 协作层。
模块
按大型设计系统标准组织的六个编号目录，每个目录自包含规范与资产。
色彩系统
8 家族 119 阶 OKLCH 推导色板 · 三层 Token 架构 · 12 条趋势渐变 · 53 组 WCAG 实测对比度 · 双主题。
color-system.html · color-spec.md 02-FOUNDATIONS / TYPOGRAPHY字体规范
Space Grotesk 标题 · Inter + Noto Sans SC 正文 · JetBrains Mono 数据等宽。字阶、行高与中西文混排规则。
typography-spec.mdAa 汉字 · ¥1,234.00
01-BRAND品牌资产
Logo 三版本（双色 / 白 / 黑）+ Mark 图标版 · favicon 全家桶 · 社交分享图 · 使用规范与误用禁例。
brand-guidelines.md · logo/（svg · png · favicon · social）· posx-logo-kit.zip
03-TOKENS
Design Tokens
tokens.css（三层 CSS 变量）与 tokens.json（机器可读全量，含 OKLCH 与对比度实测）。由 build/build_tokens.py 程序生成，禁止手改。
tokens.css · tokens.json · build/build_tokens.py 05-AIAI 协作层
llms.txt 索引 · design-system.ai.json 单文件导入包 · 提示词模板 · Tailwind / Figma / 扁平 JSON 导出。让任何 AI 一次导入即可正确使用本系统。
llms.txt · design-system.ai.json · AI-GUIDE.md · prompts/ · exports/ 04-FONTS本地字体
四家族全部自托管（130 个 woff2 变量字体切片，共 5.2 MB，中文按 unicode-range 按需加载），零 CDN 依赖，离线与内网可用。OFL 开源许可。
fonts.css · space-grotesk/ · inter/ · noto-sans-sc/ · jetbrains-mono/快速开始
三种消费方式，按你的场景选择。
Web 工程 · CSS
<link rel="stylesheet" href="04-fonts/fonts.css">
<link rel="stylesheet" href="03-tokens/tokens.css">
/* 组件只引用语义层 */
.btn {
background: var(--button-primary-bg);
color: var(--button-primary-text);
}
/* 深色：<html class="dark"> 自动切换 */设计工具 · Figma
Tokens Studio 插件 → Import
选择 05-ai/exports/figma-tokens.json
（global / light / dark 三个 token set）AI 工具 · 一次导入
把 05-ai/design-system.ai.json 拖进对话：
"请用 POSX 设计系统做一个支付成功页，
遵守文件里的 rules。"字体 Specimen
本页即为本地字体渲染效果（无任何外部请求）。
Stable Value 稳定价值
Space Grotesk · 300–700
Display / 标题
Payments, settled. 支付即结算。
Inter + Noto Sans SC
正文 / 界面文字
¥128,500.00 ▲ +2.4%
JetBrains Mono · 100–800
金额 / 代码 / 数据对齐
700 粗体真实渲染
Variable · 全字重
变量字体，无伪粗体
目录结构
编号目录 = 阅读顺序。根目录 README.md 有完整导引，CHANGELOG.md 记录版本历史。
posx-design-system-2026/ ├── index.html ← 本门户 ├── README.md ← 系统总览与治理 ├── CHANGELOG.md ├── 01-brand/ 品牌：brand-guidelines.md · logo/（svg·png·favicon·social·kit.zip） ├── 02-foundations/ 基础：color/（规格+展示页）· typography/ ├── 03-tokens/ 令牌：tokens.css · tokens.json · build/（生成器） ├── 04-fonts/ 字体：fonts.css + 四家族 woff2 自托管（OFL） ├── 05-ai/ AI：llms.txt · ai.json 导入包 · prompts/ · exports/ ├── 06-website/ 官方站点：React 前端 + Express API（npm run dev） └── 99-archive/ 归档：被取代的原始文件（勿引用）