本指南用于为 Even Hub G2 智能眼镜设计 UI/UX，核心是适配其显示与容器限制。
显示约束：每眼分辨率 576x288 像素，4 位灰度（16 级绿色），白像素显示为亮绿、黑像素为关闭（透明），无背景色或填充色属性，无 CSS、flexbox、DOM，界面由绝对定位的像素容器构成。每页最多 12 个容器（8 个文本/列表 + 4 个图像），且必须恰好一个容器设置 isEventCapture: 1；containerID 与 containerName 每页唯一（名称最长 16 字符）。SDK 0.0.12+ 支持 zOrderIndex 控制堆叠顺序，需整页统一设置且值唯一，越大越靠前。
字体与文本：固件内置单一 LVGL 字体，非等宽，无法选择字体、字号或加粗斜体；字体外的字符会被静默跳过。文本按容器宽度换行，用 \n 换行，约 400-500 字符填满全屏文本容器。
常见模式：用 > 前缀模拟按钮光标；切换 borderWidth 实现选中高亮；垂直堆叠多个文本容器实现多行布局；用 Unicode 方块字符（━ ─ █▇▆▅▄▃▂▁）绘制进度条；按约 400-500 字符预分页并在滚动事件时重建；用空格手动居中。
图标设计：按原生分辨率设计（如 24x24），避免放大缩小；保持简洁、轮廓易识别；务必在真机或开启辉光的模拟器上验证可读性。
图像容器：宽 20-288 px、高 20-144 px，4 位灰度；创建时为占位符，需调用 updateImageRawData 显示内容；不可并发发送图像，需逐个等待完成；使用简单扁平色以节省内存。
手机端 UI（Flutter WebView 宿主）：提供颜色令牌（如 --color-text、--color-bg、--color-accent #FEF991 等）、品牌规则（#FEF991 仅作强调色，#3CFA44 仅用于眼镜显示）、字体（FK Grotesk Neue，CJK 回退 Source Han Sans）与字号层级、4/8 px 间距网格。
社区资源：even-g2-notes（GitHub）含架构、Unicode 字形表与参考实现；even-toolkit（GitHub/npm）含 55+ React 组件、191 个像素图标与 SDK 桥接工具；另有 Discord 开发者社区。官方 Figma 设计指南链接见资料。
限制：无字体/字号/对齐控制，容器数量与图像尺寸受限，图像不可并发发送，字体外字符被跳过。