用途:为 Roku 品牌编写可直接实施的设计系统指引,供工程师与设计师在监控、部署和管理应用的控制台中统一界面规范。
主要能力:提供视觉风格(现代、高对比、玻璃质感面板、柔和阴影、圆角组件)、字体字号体系(12/14/16/20/24/32;Inter 与 JetBrains Mono;字重 100 至 900)、颜色 token(primary=#9333ea、secondary=#a855f7、success=#10b981、warning=#f59e0b、danger=#ef4444、surface=#FFFFFF、text=#09090b)、间距刻度(4/8/12/16/24/32),以及仅顶栏导航、网格布局和卡片式内容的布局约束。
使用方式:遵循先基础后组件的顺序;组件规则需定义 anatomy、variants、状态(default、hover、focus-visible、active、disabled、loading、error)及键盘、指针、触摸交互行为;输出结构包含上下文目标、设计 token、组件规则、无障碍要求、内容语调标准、反面模式与 QA 清单。
适用场景:构建或审查 Roku 风格的应用仪表盘 UI、编写组件规范、代码评审中的设计一致性检查。
限制:要求符合 WCAG 2.2 AA、键盘优先与可见焦点;禁止低对比文本、不一致间距和含糊标签;用 must 标注强制规则、should 标注建议,每条 do 规则需配一个 don't 示例;遇美学与无障碍冲突时优先无障碍。关于收费、价格、平台支持范围等资料未提供。