MBBM OS · 设计系统
02

主题 (Design Tokens)

所有颜色 / 字号 / 圆角 / 间距 / 阴影均来自一套 CSS 变量,深色为默认,浅色经 [data-theme="light"] 切换。点右上角可实时预览。

色彩 · 语义令牌

字阶 / 圆角 / 阴影

3xl松涛工作室 MBBM
2xl松涛工作室 MBBM
xl松涛工作室 MBBM
md松涛工作室 MBBM
monombbm > tasks / ps / snake
  • 圆角 --r-md:12px
  • 胶囊 --r-pill
  • 浮起 --mbbm-shadow
  • 红底 primary-soft

内核主题矩阵 · 7 主题真实取值

下列色块直读内核主题表(src/gfx.c),与 ui/tokens.json 同源。改令牌 = 改内核 = 改本页。

DEEP深空蓝科技
壁纸
渐变
强调
状态栏
Dock
文字
卡片
高亮
边框
次文字
图标
BLACKRED黑红商务
壁纸
渐变
强调
状态栏
Dock
文字
卡片
高亮
边框
次文字
图标
LIGHT浅色
壁纸
渐变
强调
状态栏
Dock
文字
卡片
高亮
边框
次文字
图标
MIDNIGHT午夜蓝
壁纸
渐变
强调
状态栏
Dock
文字
卡片
高亮
边框
次文字
图标
BUSINESS商务极简
壁纸
渐变
强调
状态栏
Dock
文字
卡片
高亮
边框
次文字
图标
AURORA极光蓝深色
壁纸
渐变
强调
状态栏
Dock
文字
卡片
高亮
边框
次文字
图标
MIST静谧青灰
壁纸
渐变
强调
状态栏
Dock
文字
卡片
高亮
边框
次文字
图标

x86_64 与 AArch64 两套桌面主题表逐字段一致(构建门禁强制);ARM 小屏为刻意保留的独立调色板,不参与一致性校验。

03

开机画面 (Boot Screen)

环标旋转 + 品牌字浮现 + 进度条 + 内核启动日志流。对应内核 mbbm_boot() 的启动画面,颜色与主题令牌一致。

MBBM OS
SONGTAO TECHNOLOGY · ALL PLATFORM KERNEL

自检日志与内核 draw_splash() 一一对应:console / 调度 / Hub / 版权。

04

状态栏 (Status Bar)

两种风格:移动端(信号 / Wi-Fi / 电量 + Hub 角标)与内核桌面端(蓝底顶栏 + 架构 / 任务数)。时钟实时走动。

移动端状态栏

MBBM --:-- Wi-Fi 100%
MBBM --:-- ● 2 5G 88%

内核桌面顶栏(对应 ui_status_bar)

MBBM OS 10.0--:--| TASKS:4AArch64 · DESKTOP/MOBILE/TABLET
MBBM OS 10.0--:--| TASKS:4x86 · HUB: 3

桌面端为蓝底顶栏,MBBM 用品牌红强调;右端随架构显示 AArch64 / x86 / ARM。

05

UI 总览(三平台统一)

同一套令牌与组件套在手机 · 平板 · PC 三外框,全部MBBM OS 风格:PC 端为黑底红描边状态栏 + 深黑标题栏窗口(无交通灯)+ 黑底红边 Dock;手机 / 平板为统一移动布局,三端共用 Hub 统一收件箱 / Peek 手势 / 红黑品牌色。

手机 PHONE竖屏 · 单手 · 手势流
平板 TABLET横屏 · 双栏 · 多窗
PC / 笔记本宽屏 · 键鼠 + 窗口多任务

真实内核渲染 · PC 桌面(x86 内核真跑)

首图为当前 64 位内核的真实渲染:tools/shot_4k.py 以 ld.lld -m elf_x86_64 链接真实 .o、QEMU 无头启动内核,再抓 VESA 帧缓冲(screendump)转 PNG,非模拟渲染。内核已落地:运行时主题切换(T 键 / theme 命令)、分辨率热切换(graph W H 支持 320×200 / 640×400 / 800×600)、以及空闲屏保(漂浮 Logo + 滚动 ticker,任意键退出)。状态栏实时标注显卡标记 VESA 与当前分辨率。
其余四张为历史存档(32 位内核时代,由 tools/run_pc.py 的 unicorn 引擎导出);该工具只吃 32 位 ELF,与当前 64 位内核已不兼容,故不再复现 —— 需要新图请跑 python3 tools/shot_4k.py desktop。

当前 64 位内核真实渲染 · 960×540 · BUSINESS 商务极简主题
NOW 当前 64 位内核 · 960×540 · 商务极简
RED 主题 640×400
RED 品牌红 · 640×400 · 历史存档
CYAN 主题 640×400
CYAN 科技青 · 640×400 · 历史存档
VESA 800×600 高分辨率桌面
HI-RES VESA · 800×600 · 历史存档
内核屏保 漂浮 Logo + ticker
SCREENSAVER 漂浮 Logo + ticker · 历史存档
MBBM-OS · 内核桌面(x86_64 · 帧缓冲真跑导出)· 商务极简主题 + 联邦状态栏 + Dock + 多窗口,首图为当前 64 位内核实拍,其余为 32 位时代历史存档。
06

分辨率适配 · 最高 4K

同一套令牌与组件按真实像素密度自适应。切换不同分辨率,预览视口按真实比例缩放;桌面信息密度(状态栏元素 / 卡片列数 / 窗口数)随分辨率提升逐级展开,4K 下呈现大屏高密度仪表盘。

07

虚拟键盘 · 中文拼音输入法

MBBM OS 风格虚拟全键盘(QWERTY)+ 内置拼音中文输入法:输入拼音实时出候选,数字键 / 点击选词上屏;中 / 英一键切换。下方为实机交互演示 —— 可直接用鼠标点键盘,或在输入框里打字。

MBBM 输入法中
拼音

提示:键盘为拼音输入。试输入 nihao → 候选「你好」;shouzhang → 候选「首长」;heimei → 候选「MBBM」;zhongguo → 候选「中国」。点 中/英 切换字母直输;候选条数字 1–9 选词,⌫ 退格,␣ 上屏首候选 / 空格,⏎ 换行。

08

开机登录界面 · 内置 MBBM 即时系统

开机进入 MBBM 即时通信 风格登录界面:头像 + PIN 码 + 密码双凭据登录(PIN 即身份,端到端加密 PIN + E2EE)。演示 PIN:MBBM即时通讯 · 密码:MBBM即时通讯 密码。登录后进入全屏 MBBM OS 桌面——磨砂玻璃图标 / 状态栏 / Dock 栏,内置 10 张高清MBBM风格动态壁纸(默认循环切换,可手动选图)。这台终端即成为一台 微型 MBBM 服务器——内置联邦节点,与其他终端自动组网,离线可用、联网自愈。

✓ 内核启动完成 · 联邦节点就绪 · 请登录以进入系统

演示默认直接进入桌面(图标栏 / Dock 真正开窗:点击打开应用、拖动标题栏移动、最小化到 Dock、关闭;Dock 红点表示运行中的应用)。桌面含磨砂玻璃状态栏 / 图标栏 / Dock,默认10 张高清MBBM风格动态壁纸循环切换(点桌面「🖼 壁纸」或 Dock 图标打开选择器)。右上角 🔒 锁定返回登录;加网址参数 ?login=1 可查看开机动画与登录界面(PIN「MBBM即时通讯」/ 密码「MBBM即时通讯 密码」)。联邦对等端呼应真实 MBBM 集群(主节点 + 副本,双节点对称 HA)。