docs(design): 解压 Maestro Design System 到 design/(重构参照材料)
phosphor console v1.1 设计系统(从现网 web/style.css 演化):tokens(colors/effects/ typography/fonts) + components(core/forms/surfaces .jsx) + ui_kits(console + console_mobile) + assets/icons(15 双色 SVG) + guidelines + CLAUDE/SKILL/readme。供 B1–B6 重构任务对照实现。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
/* MAESTRO · 字体令牌 — 等宽中文混排
|
||||
全站单字族:IBM Plex Mono(拉丁)+ Noto Sans SC(中文回退) */
|
||||
:root {
|
||||
--mono: 'IBM Plex Mono', 'Noto Sans SC', ui-monospace, monospace; /* @kind font */
|
||||
--font-body: var(--mono); /* 没有第二字族:标题、正文、按钮全部等宽 */
|
||||
|
||||
/* 字号阶(px) */
|
||||
--text-2xs: 10px; /* 徽章 / chip 标签 */
|
||||
--text-xs: 11px; /* 区块标题 / 表单 label / meta */
|
||||
--text-sm: 12px; /* 按钮 / 次要正文 */
|
||||
--text-md: 13px; /* 正文基准(body) */
|
||||
--text-lg: 15px; /* 预览标题 */
|
||||
--text-xl: 19px; /* logo 字 */
|
||||
--text-2xl: 20px; /* 项目标题 */
|
||||
--text-num: 40px; /* 大数字(agent 计数) */
|
||||
|
||||
/* 行高 */
|
||||
--leading-body: 1.55;
|
||||
--leading-doc: 1.7;
|
||||
|
||||
/* 字重:400 正文 · 500 任务标题 · 600 按钮/区块头 · 700 强调/徽章 */
|
||||
|
||||
/* 字距(全大写小标签是核心母题) */
|
||||
--tracking-tight: .04em; /* 标题 */
|
||||
--tracking-label: .08em; /* 按钮 / meta */
|
||||
--tracking-badge: .12em; /* 徽章 / 计数 */
|
||||
--tracking-head: .22em; /* 区块标题(uppercase) */
|
||||
--tracking-logo: .28em; /* logo */
|
||||
--tracking-widest: .35em; /* logo 副标 */
|
||||
}
|
||||
Reference in New Issue
Block a user