用途:Design Elevation 用于在创建任何视觉输出时,自动将可用的初版提升为精致、专业的设计成品。其理念来自 Alla Kholmatova 的设计系统框架,把每个设计决策分为功能模式(结构、布局、组件等用户交互对象)与感知模式(色彩、字体、间距、动效等感受层),两层都需有意图。
主要能力:以 Tailwind CSS 作为规范设计令牌,颜色取自其调色板,间距取自其刻度(1=0.25rem/4px),字体取自 text-xs 至 text-9xl,圆角取自 rounded-sm 至 rounded-2xl,阴影取自 shadow-sm 至 shadow-2xl。提供激活流程:先做可用版本,再定义功能模式与感知模式,用设计审问质疑默认选择,用技法目录提升,最后检查是否像手工打造而非模板化。
使用方式:按输出类型应用不同模式。演示文稿先定信息层级,一页一个观点;仪表盘从数据关系出发,结构为 KPI 条→主图→辅图→明细表,非数据元素默认用灰色阶;文档用清晰排版层级;网页用响应式网格与 Tailwind 工具类,动效默认 transition-all duration-200 ease-out。资源按优先级加载,先 elevation-protocol.md,涉及数据时加载 data-visualization.md。
适用场景:演示、仪表盘与数据可视化、文档报告、网页/HTML 产物。当面向 IBM、Shopify、Adobe、Salesforce 时,可分别用 Carbon、Polaris、Spectrum、Lightning 令牌覆盖 Tailwind 默认值。
限制:资料未提供安装命令、收费方式与具体平台支持信息;示例仅作原则说明,不构成系统本身。