用途：为界面设计提供一套可复用的具体数值与规则，帮助在动手设计前统一视觉基线，减少随意取值。资料称其综合自 8 个专家视频来源（合计 430 万+ 播放）、Apple HIG、Google Material Design 与 Vercel Web Interface Guidelines，每个数值按来源一致程度标注。
主要能力：默认模式为浅色单色方案——白或近白背景（#FAFAFA、#FFFFFF），单一强调色配中性灰，深色文字（主文字 #111827，弱化文字 #6B7280），强调色按 60-30-10 占约 10%。排版方面：字体族 1 个（展示+正文最多 2 个），字号落地页最多 6 级、仪表盘最多 4 级，字重最多 2-3 种，标题字距 -2% 至 -3%、行高 110%-120%，正文行高 140%-160%、字号 18px 响应式基线，小字 14px，标题 32px+，仪表盘最大 24px，数字用等宽变体。颜色遵循 60-30-10，建立单一主色并派生背景与文字变体，加语义色（蓝信息、红错误、黄警告、绿成功）；渐变建议同色相，最佳是不用渐变。间距采用 8 点网格，取值可被 4 或 8 整除，主项间距 32px，桌面 12 列、平板 8 列、移动 4 列，移动端间距应大于桌面，点击目标最小 44px；间距本身即层级。阴影默认偏强需减弱，卡片弱、浮层中、模态强，深色模式不用阴影而用更亮卡片背景。图标尺寸匹配文字行高，库只选一个（Lucide、Phosphor、Feather、Flat Icons），风格统一。按钮内边距宽高比 2:1，需具备默认、悬停、按下、禁用等状态，完整含焦点、加载、错误、空态共 8 种；主按钮填充、次按钮幽灵式。圆角为小组件选定一个值（常见 8-12px）并统一，外圆角=内圆角+内边距。深色模式：卡片比背景亮，边框对比更低，徽章降低饱和度与亮度，用背景明度而非阴影表达层次，避免纯黑（用 #0f0f0f、#121212、#1a1a1a），降低强调色饱和度。动画只服务于清晰度或功能，按钮状态过渡几乎总该有，滚动劫持几乎不用，装饰性动画不用。
使用方式：资料未提供安装命令、代码示例或具体调用步骤，仅给出设计规则与数值，需在设计流程中人工参照执行。
适用场景：网页与产品界面设计、设计评审、建立设计系统基线。
限制：资料未说明收费、价格、平台支持与效果保证；部分规则为经验性建议，需结合具体项目判断。