Files

T

Regression / regression (push) Canceled after 0s

Details

feat(品牌标识): 几何 K 图标(favicon/顶栏标记/theme-color) + 并行会话成果入库

## 品牌标识（本次会话）

起因：品牌此前没有任何图形标识 —— 唯一 favicon 是内联 data-URI 里的字母「A」，
那是 v2.0.0「Aurora Admin → Kole UI」改名漏掉的一处（PC 顶栏也是「A」，
移动端站已是「K」；移动端文档站则完全没有 favicon）。

- 几何：24 网格三个互不接触的笔画（竖 + 两斜），圆头描边；
  描边 2.25 → 16px 标签页尺寸下正好 1.5px = 规范原文「描边1.5px」
- 取色分两套（刻意）：favicon 硬编码品牌蓝/白（渲染在浏览器标签栏，不继承 kole-dark）；
  顶栏标记走 currentColor（实测暗色下自动转 rgb(20,22,28)）
- 新增 theme-color 双条（light #FFFFFF / dark #1C1F26，取 --kole-color-card-bg）
- 修 site/app.js hero 标语 KOLE ADMIN → KOLE UI（改名变形残留）
- 移动端 7 个模板补 favicon（此前计数 0）

验收：门禁 9 条全 OK（site-routing/site-routes/mobile-docs/mobile-site/isolation/
theme/nav/i18n/icons）；PC 回归 1464/1464 · 移动端 807/807，各连跑 8 次一致；
两端 favicon 405 字节逐字节一致；PC 站控制台错误 1→0。

## 并行会话成果（本次一并入库）

- 图标系统：2576 图标（TDesign/Element Plus，MIT）+ 11 端注入 + 5 个构建门禁工具
  + IconPreview 预览页 + ICON-SPEC.md 冻结规格
- 移动端平台：47 组件 × 6 端 + 文档站 53 页 + 隔离门禁
- PC 组件：103 个大后台组件 / 组件11 批次
- uni-app：PC 端试点 + 移动端端实现 + 真实编译验证

## 工程

- .gitignore 补 .scratch/ 与 .zcode-preexisting-*.txt（会话中间产物，实测 9.1MB，不入库）
- CHANGELOG 补品牌标识条目
- ROADMAP 登 S8-P4（品牌标识任务包 + og:image/apple-touch-icon 未做部分）

2026-09-21 10:05:48 +08:00

2.7 KiB

Raw Blame History

name, description, user-invocable

name	description	user-invocable
kole-ui	Use this skill to generate well-branded interfaces for Kole UI. Contains colors, type, fonts, assets, and UI kit for prototyping dashboard UIs.	true

Kole UI Design Skill

Read the README.md file within this skill, and explore the other available files.

If creating visual artifacts, copy assets out and create static HTML files. If working on production code, read the rules here to become an expert in designing with this brand.

Quick map

README.md — brand context, content fundamentals, visual foundations (read first)
colors_and_type.css — drop-in CSS variables for colors, type, radius, shadow, spacing
css.json — structured token understanding source
components.css — aggregated component CSS extracted from previews
components/index.json — 全量组件索引（79 项实现：10 个核心规范组件 + 69 个扩展，其中 6 个核心含契约与预览，含规格批次映射）
preview/ — small HTML cards illustrating foundations and components
uikit-plan.json — component whitelist and UIKit planner output (only if present)
library-consumption.json — recommended downstream read order

Essentials at a glance

Brand primary #2F54EB — 理性克制的科技蓝，B 端中后台核心交互色，无暖色点缀
Radius 2/4/6/8 — 紧凑克制：2px 标签徽章、4px 控件、6px 面板、8px 卡片弹窗
32px 默认控件高度，4px 基准间距，8-pt 网格体系
Type: PingFang SC / 思源黑体（中文）；Inter / DIN（数字英文）；无外部字体引入
Voice: 中文优先，专业中性，界面无 emoji，信息密度适中
Shadows 3 层：低 0 1px 4px / 中 0 4px 12px / 高 0 8px 24px，克制安静
桌面端优先（最小宽度 1280px），不推荐移动端

Components

Slug	Name	Key Insight
button	按钮 Button	5 种类型 × 3 尺寸，主色 #2F54EB 驱动，最小宽度 64px
input	输入框 Input	32/40/24px 三档高度，聚焦外发光 rgba(47,84,235,0.2)
select	选择器 Select	触发器同 Input，选中项浅蓝底 #F0F5FF + 品牌色文字
table	数据表格 Table	48px 行高，表头 #FAFAFA，选中行 #F0F5FF，数字右对齐
card	卡片 Card	圆角 8px，边框或低阴影，16/24px 内边距
modal	对话框 Modal	320/480/680px 三档宽度，遮罩 rgba(0,0,0,0.45)

核心契约之外的 73 个组件也已实现于 ../../frameworks/（HTML / CSS / JSX / Vue2 / Vue3 五种形态，含核心规范中的 tag / tabs / steps / breadcrumb），完整清单与规格批次映射见 components/index.json。导航 / 菜单 / 标签三个 fixed slot 已由 SideMenu / Dropdown / Tag 实现补齐（见 uikit-plan.json）。

2.7 KiB Raw Blame History Unescape Escape

Kole UI Design Skill

Quick map

Essentials at a glance

Components

2.7 KiB

Raw Blame History