wangjia
5a1e185b1a
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>
31 lines
1.2 KiB
CSS
31 lines
1.2 KiB
CSS
/* 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 副标 */
|
||
}
|