COLOR
黑白灰优先
主色只保留黑、白、工程灰。功能色只用于状态提示，不抢主视觉。
Brand
品牌与视觉
MakerJackie 的视觉系统保持黑白分明、边界明确、工程感强。它服务于从 0 到 1 的节奏：先把判断说清楚，再把产品做出来。
深色长标
方形字标
图标
Guidelines
核心规范
这里保留最常用的 Logo、配色、字体和版式规则。
TYPE
文字就是主视觉
标题用高字重无衬线，标签、路径和代码信息优先使用等宽字体。
LAYOUT
模块化结构
用 1px 发丝线、留白和明确网格组织信息，避免粗边框、渐变、柔光、玻璃拟态和圆角气泡。
LOGO
保持识别锚点
白底用深色标志，黑底用白字透明版。不要拉伸、换色、加阴影或改造字形。
Palette
基础色板
#000000
深邃黑
主要文字、发丝线骨架、首要行动按钮。
#FFFFFF
纯净白
页面底色、内容表面、留白区域。
#F5F5F5
工程灰
弱分区、代码块底色、辅助背景。
Applications
真实场景里的组合方式
先确定一个清晰主信息，再用 Logo、强边框、黑白反转和等宽标签建立秩序。不要为了丰富而堆装饰。
网站 / 文档页
Dashboard / UI
教程封面
社交卡片
海报物料
Contact Card
Illustration
01 Operator 插图系统
01 Operator 是 MakerJackie 文档里的行动角色：黑色方块身体、白色 01、短手短脚、粗记号笔线条。它不做装饰，只负责把抽象判断变成一个一眼能懂的动作。
粗线条
少颜色
一个动作
短文字
Generate
npx skills add makerjackie/skills --skill mj-01mvp-art用这个 Skill 生成手册正文图、教程封面和社交卡片。每张图只保留一个主动作、一个红橙色强调点和少量短中文标签。
Motion
主按钮的重量
首要行动按钮做成有真实厚度的块：指针移入时侧壁显现，面板抬起、倾斜并回弹。一屏只用一个，次要操作保持发丝线描边。
卡片则是另一种反馈：悬停时才把 1px 发丝线顺时针画出来。触屏和减少动态效果下自动退化为普通按钮。
Hairline draw
悬停，1px 发丝线从左上角顺时针画满整圈。
Compare
两张卡片默认只有浅描边，只画鼠标停留的那一张。
Character / MJ
角色形象
MJ 是用五个图形拼成的小生物：方身、两个方块眼、两条短腿、一根天线。全部走 6px 记号笔描边，只在黑白之间。空闲时眨眼和轻微漂浮，鼠标移上去会弹一下、眼睛变成菱形。
IDLE / 空闲
EXCITED / 兴奋
LOST / 迷茫
SLEEPING / 睡着
About