Editorial 是一套面向设计与工程师的编辑式设计系统规范,风格为现代杂志感,强调结构化网格与舒适的阅读体验。
用途:为产品提供系统化的视觉与交互规范,便于直接实现。
主要能力:定义排版层级(14/16/18/24/32/40,主字体与展示字体为 Gelasio,等宽为 Ubuntu Mono,字重 100–900);配色令牌含 primary=#111111、secondary=#f1f1f1、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827;采用 8pt 基线网格间距;无障碍遵循 WCAG 2.2 AA,键盘优先、可见焦点、优先语义 HTML、支持减少动效与高对比。
使用方式:先确立基础令牌与约束,再定义组件解剖、变体、状态(默认、悬停、焦点可见、激活、禁用、加载、错误)与响应式行为;输出结构包含背景目标、令牌基础、组件规则、无障碍验收标准、文案语气、反模式与 QA 清单;规则用 must 表示强制、should 表示建议,并配套反例。
适用场景:杂志式内容页、长文阅读界面及需要一致设计语言的项目。
限制:资料未提供安装命令、代码示例、平台与收费信息。