用途:该技能适用于 Unite-Group 内所有 UI 工作,包括组件、页面、布局、Tailwind 类名、设计决策、CSS、视觉样式、配色与间距等。其目标不是普通“深色模式”,而是一套以精密仪器、天文台设备和深海生物荧光为意象的视觉语言:黑暗是信号,光是数据。
主要能力与规则:禁止使用比 #111111 更浅的背景、rounded-md/lg/xl/2xl/full(仅允许 rounded-sm)、显式指定 Inter/Roboto/Arial/Helvetica、任何 box shadow、通用 Tailwind 调色板(如 blue-500、slate-900)、任何形式的渐变、装饰性元素与图标、以及非语义用途的语义色。必须使用 rounded-sm 作为唯一圆角、交互元素加 transition-colors、禁用态用 disabled:opacity-40、边框写作 border border-white/[0.06]、优先使用 var(--color-*) 设计令牌、文字使用显式像素尺寸(如 text-[11px]、text-[13px])。
配色:核心色包括页面背景 #050505、卡片表面 #0a0a0a、抬升表面 #111111、主强调色 #00F5FF、成功 #22c55e、危险 #ef4444、信息 #3b82f6;边框 rgba(255,255,255,0.06),弱化文字 0.40、次级文字 0.60、主文字 0.85。强调色仅用于主 CTA、激活态、焦点环、关键数据标注与进度指示,不用于装饰。
排版与布局:标签用 text-[10px] uppercase tracking-widest font-medium,正文 text-[13px] leading-relaxed,数据值用 font-mono,页面标题 text-[20px] font-semibold tracking-tight,区块标题 text-[15px],元信息 text-[11px];不使用 text-sm/base/lg/xl 等 Tailwind 字号。页面内边距 p-6,间距仅用 gap-2/3/4/6,网格用 grid-cols-1 md:grid-cols-2 xl:grid-cols-3,避免任意 margin。
组件与交互:资料给出卡片、主按钮、次级按钮、输入框、状态徽章的类名示例,交互状态通过颜色透明度而非阴影表达,如 hover:brightness-110、active:opacity-80、disabled:opacity-40、focus:border-[#00F5FF]/50、加载用 animate-pulse。
限制:该技能为 Unite-Group 专属规范,不适用于其他品牌或项目;资料未提供安装命令、平台支持、收费方式与具体使用步骤,这些信息暂未提供。