LogoClawIndex
案例技能关于
LogoClawIndex

visual-design-foundations - 构建一致的视觉设计系统

应用排版、色彩、间距和图标原则创建视觉系统

标签

更新于: 2026-03-23
设计UI/UX排版色彩理论间距图标设计无障碍设计令牌

能力

典型输入

典型输出

该技能可以做什么

  • 建立设计令牌
  • 创建间距系统
  • 选择字体
  • 构建色彩调色板
  • 设计图标系统
  • 改善视觉层次
  • 审计设计
  • 实现深色模式

输入

  • 项目需求
  • 字体文件
  • 色彩值
  • 图标资源
  • 品牌指南

输出

  • 设计令牌
  • CSS变量
  • 样式指南
  • 视觉系统
  • 色彩调色板
  • 间距比例

要求

  • CSS知识
  • WCAG无障碍指南

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
建立设计令牌
创建间距系统
选择字体
构建色彩调色板
项目需求
字体文件
色彩值
设计令牌
CSS变量
样式指南