HIA DESIGN SYSTEM · THEME MANAGEMENT STUDIO⌥ GitHub📚 文档
HIA-Theme-Builder logo

HIA 主题库管理页

这是一个可用于默认主题、多业务项目、多示例项目和主题皮肤管理的工作台。你可以从主副色操作台选择或生成主题预设,导入主题库,并一键切换到 PC 版企业后台完整预览 与 小程序示例预览。支持多结构模式、深色/浅色预览、主题预设管理、CSS/JSON Token 导出。

默认主题:钴蓝 #0047AB + 清透青 #00A8D3主色候选:44内置主题预设:6可保存自定义主题到本地主题库

主题库管理

支持预设搜索、分类筛选、主题应用、删除自定义预设,以及按行业快速挑选。

Theme Library
当前选中预设HIA 默认默认主题 · 通用平台
主色 / 副色#0047AB / #00A8D3会同步作用于两个预览区
主题库数量0内置 + 本地保存
结构 / 外观左右结构浅色模式

PC/小程序共用渐变设置

这是独立于两个预览区的全局渐变操作台,同时作用于 PC 版企业后台和小程序示例。除细长进度条外,所有渐变统一使用主色自身色阶或副色自身色阶;可分别设置色系、起止色阶、方向以及哪一端占大头。配置会随主题预设保存,并进入 CSS/JSON Token 导出。

Global Gradient

设计令牌操作台:字体与间距

字体三族、模数字号、行高与间距网格实时编辑;修改即时作用于全部预览与导出产物(ADR-006)。

ADR-006

预览区

三种预览类型:默认(PC 后台 + 小程序)、经典支持(WordPress / Tailwind 目标场景令牌注入)、自定义支持(TDON 声明式,运行时延后接入)。

Preview ×3

PC 版企业后台完整预览

包含仪表盘、列表页、表单页、详情页、分析页、设置页;并可切换左右结构、上下结构与工作台混合结构。

PC Preview
H
HIA Enterprise Console
mesp king

项目运行总览

首页 / 工作台 / 仪表盘
Banner 卡片

重点活动与业务入口

默认采用副色占大头,向副色浅色过渡,避免与主色混合。

文字大卡片渐变

适用于欢迎区、重点说明、产品价值摘要和页面头部信息。默认让主色深色阶占大头,以保证文字可读性。

文字小卡片 · 轻提示

默认由浅色阶占大头。

文字小卡片 · 状态说明

适合短句、帮助信息和附加说明。

图片 / 缩略图渐变
用于无图片时的视觉占位与示例封面。
↗
活跃项目128
较上月 +12.4%
◆
自动化任务3,486
成功率 98.7%
◉
接口调用84.2k
峰值 1,920/min
★
待处理事项17
其中 4 项超时

版本发布进度

HIA MicroFront 2.6

进行中
核心模块已完成
76%预计周五完成
说明:主色用于结构、选中和主要按钮;副色用于进度节点、关键数字和重点提醒。
组件库打包已完成
权限模块联调进行中
移动端适配待开始

近七日调用量

趋势统计

周一周日
线索转化32%
副色用于重点指标
审批通过96%
主色用于主结构
异常告警7
语义色独立存在

团队活动时间线

最近 24 小时

实时
完成生产部署
10 分钟前 · Release Bot
设计令牌已更新
42 分钟前 · UI System
新增 3 位协作者
2 小时前 · Admin

快捷入口与组件示例

按钮、标签、提示、进度

容量使用68%
提示:结构模式切换不会改变主题;主题切换会同步作用于所有示例页面。

小程序示例预览

包含首页、列表页、详情页、我的信息、表单页等常见小程序页面。当前主题会一键同步到所有页面。

Mini Program Preview
HIA 小程序示例HIA 默认
欢迎回来
当前主题已同步到小程序示例首页。
📁项目
📊报表
📦订单
👤我的
主题活动 Banner
推荐内容更多 >
业务主题示例项目
包含卡片、标签、按钮、进度等组件。
企业小程序模版
包含首页、列表、详情、我的等页面。
首页
分类
发布
消息
我的