styles
.zondev.top
⌕
Report 主题
Life OS 主题
交互层
样式层
数据层
15 个对象
Primitives 交互层
8 / 8
交互层
Tabs
单选切换、保持 active 状态。交互逻辑唯一,视觉皮肤由 token 决定。
Report 主题
Life OS 主题
稳定
交互层
Collapse
展开/收起内容区,支持独立或手风琴模式。头部样式由 token 控制。
Report 主题
Life OS 主题
稳定
交互层
Copy Button
复制到剪贴板,1800ms 后自动复原。矩形/胶囊形态由 token 决定。
Report 主题
Life OS 主题
稳定
交互层
Badge
状态/类型标注,纯展示,无交互。圆角形态和色义由 token 色表决定。
Report 主题
Life OS 主题
稳定
交互层
Button
主操作按钮,支持 primary / secondary / ghost 三种层级。
Report 主题
Life OS 主题
草稿
交互层
Input
文本输入框,支持 label、placeholder、error 状态。
Report 主题
Life OS 主题
草稿
交互层
Modal
遮罩弹层,支持标题/内容/操作区三段结构。
Report 主题
Life OS 主题
规划
交互层
Tooltip
悬浮提示,支持四个方向,自动避边。
Report 主题
Life OS 主题
规划
Tokens 样式层
3 / 3
样式层
Report 主题
蓝色主调、标准间距、小圆角。文档阅读场景的视觉皮肤。
Report 主题
稳定
样式层
Life OS 主题
绿色主调、紧凑间距、大圆角胶囊。仪表盘复盘场景。
Life OS 主题
稳定
样式层
Work OS 主题
橙色主调,求职流水线和任务看板场景。
Work OS 主题
规划
Kits 数据层
4 / 4
数据层
Atlas Editorial Kit
Atlas 原生工作台里的说明/报告风格组件族,保留当前这套更适合在 styles 总站里浏览与比对的展示方式。
Report 主题
稳定
数据层
Zon Report Kit
原始 zon-report-kit 文档风格 family,按 usage / components / tokens / schema / viewer 组织,保留原站语法与审美。
Report 主题
稳定
数据层
Life OS 组件
每日复盘消费层,6 个领域/目标 block,被 daily-focus 调用。
Life OS 主题
草稿
数据层
Work OS 组件
求职流水线与任务卡片,待 CaseFlow MVP 收口后接入。
规划