样板页
企盟家共用界面库 · 版本 0.1.0。这里摆出每一种零件实际的样子。各系统做页面时照这里的写法,不自己另做。
颜色
主色
按钮、当前栏目、链接、标题
按钮、当前栏目、链接、标题
金色
只做点缀,或放在主色底上
只做点缀,或放在主色底上
文字
次要文字
页面底色
成功
警告
危险
提示
金色的用法。可以:金色字放在深蓝底上
不可以:金色的字直接放在白底上(这一句就是例子,看不清)
字
页面标题 24:员工账号
区块标题 20:可以使用的系统
正文(电脑 14,手机 16):共 12 人,其中 3 位管理层。更新到 2026-11-15 14:30。
辅助说明 12:每改一项都会马上保存
粗细只有两种:正文 400,标题和强调 600。
间距和圆角
间距只用七个数。
圆角只用四个数:标签 4、按钮和输入框 6、卡片 8、弹窗 12。阴影只给浮起来的东西。
按钮
一个页面只有一个主按钮。按钮上写「动词 + 对象」。
不配字也认得的图标(只有这六个)
其它图标一律配文字:
表单
标题在输入框上面。离开那一格才检查。整张表单用一个「保存」按钮;保存后页面不动。
页面里的消息
出错一律显示在页面里,说清楚发生了什么、接下来怎么做。
邀请没有发出去WhatsApp 发送的号码现在离线。可以复制链接,用自己的 WhatsApp 发给对方。
有 6 位在职同事还没有手机号他们暂时不能登录。请到 HR 的资料库补上。
已经开启两步登录下次登录时要输入验证器的六位数。
资料的正本在 HR 的资料库这里只读取,不会改动。
状态标签
永远是「颜色 + 文字」。
已注册已邀请,还没注册已停用审批中一般员工Owner
表格
要比较数字时用。数字靠右。把窗口拉窄或用手机看:每一行会变成一小块。
| 做了什么 | 系统 | 自己 | AI | 最近一次 |
|---|---|---|---|---|
| 审片通过 | 剪辑工作台 | 12 | 0 | 2026-11-14 |
| 回复私信 | 统一收件箱 | 48 | 1,203 | 2026-11-15 |
| 提交请假 | HR 系统 | 2 | 0 | 2026-11-03 |
列表
一行一行的人或事用列表,不用一张张卡片。
数字方块
每个数字都写明时间范围,都要能点进去看明细。
选择和切换
没有东西、等待
这段时间还没有记录换一个时间范围看看,或者等有新的工作进来。
超过 1 秒才显示
弹窗和小提示
不能反悔的操作才弹窗确认。标题写清楚是哪一个,按钮写清楚会发生什么。
已保存
这一页用的样式文件:/v0/ui.css(大版本里最新的一版)。固定的这一版:/v0.1.0/ui.css