SuperAPI AI 工具集

vercel-brand

设计与创作

查看项目

更新于 10-16 08:11

技能介绍

用途:当用户要构建开发者或基础设施产品 UI,并希望呈现 Vercel 风格(黑白核心、极少点缀、Geist 风格排版、充足留白、锐利边缘)时使用本技能。

依赖:技能期望在其自身目录下存在 references/DESIGN.md(随技能打包),以 @references/DESIGN.md 相对技能本身而非项目根目录引用。

应用方式:先阅读 @references/DESIGN.md。生成任何组件、页面或样式块时:使用 Color Palette 部分记录的颜色,不新增色阶;按文档匹配字体族、字号与字重(受字体可用性说明约束);遵循间距刻度,不用任意像素值替代;匹配形状语言(圆角、阴影样式);若某 token 未定义,从最接近的已记录 token 推导,不要回退到通用 Tailwind 默认值或随意的 Bootstrap/Material 值。

限制与声明:本技能是非官方、无关联的快照,设计 token 观察自该品牌公开营销站,未获品牌方背书,品牌名仅供参考。除非另行获得品牌方许可,不要在面向最终用户的 UI 中使用其名称、标志或商标。适用于原型、内部工具、学习、美学研究等需要匹配已知视觉系统的场景。字体方面,DESIGN.md 中的字体名反映源站所用字体,部分为专有字体(如 Anthropic Sans、Geist、自定义品牌字体族),未公开授权再分发;若项目有字体许可限制,请替换为公开可用的近似字体(Inter、system-ui;若 npm 可获取则用 Geist Mono),并记录替换。

来源与再生成:源为 https://vercel.com,由 brandmd 从公开营销站生成,快照构建于 2026-05-27。Vercel 在 vercel.com/design 发布品牌指南,本技能捕获公开营销站观察到的设计 token。可随时用以下命令重新生成底层 token:

npx brandmd https://vercel.com -o references/DESIGN.md