SuperAPI AI 工具集

brand-guidelines

设计与创作

查看项目

更新于 10-16 01:18

技能介绍

用途:为各类产物(文档、演示文稿、网页、营销物料)统一应用品牌样式,确保视觉格式与公司设计标准一致。

主要能力:通过 CSS 变量定义品牌色板(如 --brand-primary、--brand-secondary、--brand-accent、--brand-dark、--brand-light、--brand-text、--brand-text-muted);定义字体变量(标题用 --font-display,正文用 --font-body,代码用 --font-mono)与字号阶梯(--text-xs 至 --text-4xl);定义间距变量(--space-1 至 --space-16)。提供按钮、卡片、标题等应用示例,以及 Google Docs 与演示文稿的模板规范。

使用方式:在样式中声明 :root 变量,再在组件中引用,例如 .btn-primary 使用 var(--brand-primary) 作为背景、var(--font-body) 作为字体。文档模板中规定 Heading 1 使用展示字体 24pt 品牌深色,Heading 2 使用展示字体 18pt 品牌主色,正文使用正文字体 11pt 品牌文本色,链接使用品牌主色并加下划线。演示文稿标题页为品牌主色背景配白色文字,内容页为白底品牌深色文字,强调元素使用品牌次要色或强调色。

适用场景:需要统一品牌视觉的文档、演示、网页与营销材料制作。

限制与最佳实践:应使用精确品牌色而非近似色;文字对比度至少 4.5:1;用字号与字重建立层级;保持充裕留白;Logo 周围保留净空。具体品牌色值、字体名称与模板细节需按实际品牌规范替换,资料未提供其他平台或收费信息。