SuperAPI AI 工具集

webconsulting-branding

设计与创作

查看项目

更新于 10-16 05:06

技能介绍

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

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

使用方式:按参考层级(发票 UI、内部产品、公开官网、本技能)解决冲突;优先检查线上界面;在组件层移除装饰边框,不要全局设置 border: 0;保留焦点指示、图表轴线、文档分隔线等有意义的线条;项目图标优先使用真实 logo 或 favicon 并记录来源。

适用场景:webconsulting 品牌下的官网、内部工具、文档与组件库实现。

限制:资料未提供安装命令、版本要求、收费或平台信息;具体实现需结合项目实际,缺失事实暂未提供。