Nova Console 管理后台
「基础框架统一维护 + 业务模块独立页面接入」的社交类 App 运营管理后台:左侧固定导航、顶部栏与多标签工作区,覆盖审核、风控、运营三条业务链路。白底 + 冷灰分层 + 单一 Nova 红,高密度表格与清晰状态语义。
- 36业务页面
- 7业务模块
- 2浅色 / 深色主题
- 1自包含文件
本页为单文件自包含版本:全部样式、图标与原型外壳均已内联,不依赖任何外部文件,可直接分享部署。演示账号 admin · 密码 123456。
业务页面
菜单与页面规划中的七个业务模块,共 36 张页面。点击任一页面将在本页内打开原型并定位到对应页面。
权限管理
2 页用户管理
2 页风控管理
10 页邀请有奖
5 页运营管理
2 页财务管理
5 页系统配置
8 页设计系统与资源
项目内随附的规范、token、可视化校对卡与源码。这些为项目内文件,请在 OpenDesign 的 Design Files 面板中打开(分享出的单文件仅包含本页与内联原型)。
交互原型
管理后台外壳
登录 → 导航 / 顶栏 / 多标签工作区 → 业务页;已内联到本页,点击「进入交互原型」即可打开。
admin-shell.html(已内联)
设计系统规范
DESIGN.md
色彩 / 字体 / 间距 / 布局 / 组件 / 动效 / 语气 / 反模式 / 实现指南。
DESIGN.md
Token 契约
tokens.css
来源 :root 逐值保留 + 语义角色层 + 深色主题块(派生,同色相仅调明度)。
tokens.css · colors_and_type.css
品牌与主题
brand.json
机器可读调色板 / 语义角色 / 字体 / 语气与反模式;主题契约见 theme.json。
brand.json · theme.json
应用套件
可运行 UI Kit
外壳 + 组件库 + 组件演示页,顶栏含明暗主题切换(持久化 nova.kit.theme)。
ui_kits/app/index.html
可视化校对
校对卡(9 张)
色彩 / 字体 / 间距 / 圆角阴影 / 组件 / 品牌 / 应用界面 / 明暗主题。
preview/*.html
信息架构
菜单与页面规划.md
菜单树、权限矩阵与跨模块联动,是页面结构的来源依据。
菜单与页面规划.md
业务需求
后台管理功能.md
各业务域、字段与权限定义,术语与文案对齐本文件。
后台管理功能.md