SuperAPI AI 工具集

webconsulting-branding

设计与创作

查看项目

更新于 10-15 21:10

技能介绍

用途:为 webconsulting 相关产品与官网提供统一设计系统规范,覆盖视觉规则、颜色令牌、字体、间距、组件与无障碍要求。

主要能力:规定方形无圆角(border-radius: 0、Tailwind rounded-none)、卡片与面板不使用装饰性边框,用留白、背景色、字重、斑马纹和对齐建立层级;阴影仅用于菜单、对话框等临时浮层。提供浅色/深色核心调色板(如 --webcon-primary #1b7a95、--webcon-accent #66c4e1、--webcon-ink #171a1d 等)、语义状态色、4px 间距网格、Hanken Grotesk 字体与 JetBrains Mono 代码字体,以及按钮、表单、表格、标签页、提示框、代码块、Mermaid 图表和 shadcn/ui 集成规则。

使用方式:按参考层级优先采用当前发票 UI、内部产品、公开官网,再落到本技能令牌;组件层面移除装饰边框,保留焦点指示与语义分隔。项目图标优先使用真实 logo,其次 favicon,并记录来源。

适用场景:webconsulting.at 官网、内部工具(如项目跟踪器、GitLab 主题)、文档与 MDX 组件。

限制:需遵循 WCAG 2.2 AA 对比度与焦点要求;不要全局设置 border: 0;不要用边框或圆角弥补层级不足;深色模式不得新增浅色模式中不存在的边框。具体安装命令与版本信息暂未提供。