用途：这是一份图形设计模式参考，用于指导视觉设计、SVG 创建、布局构图、字体排版与品牌识别等任务，适合在制作界面、图表、横幅、图标和文档插图时查阅。
主要能力：
- 设计原则：视觉层级（主/次/三级，通过大小、粗细、颜色、位置、留白实现）、平衡类型（对称、非对称、放射）。
- 布局与构图：12 栏网格、黄金比例 1:1.618、三分法、对齐原则（边缘、中心、基线、视觉对齐）。
- 字体排版：1.25 比例的字号阶梯（Display 72px 至 Caption 12px）、字体搭配规则、行高 1.4–1.6 倍、行长 45–75 字符等最佳实践。
- 色彩理论：单色、互补、类似、三角、分裂互补配色；色彩心理与用途；WCAG 对比度（AA 正文 4.5:1、AA 大字 3:1、AAA 7:1）。
- SVG 设计：结构（defs、g、图层）、常用元素（rect、circle、ellipse、line、path、text、g）、路径命令（M/L/H/V/Q/C/Z）、文本对齐、线性与径向渐变、变换。
- 横幅与营销设计：各平台尺寸（如 VS Code Marketplace 1280×640、Open Graph 1200×630）、三段式构图、徽章/胶囊设计。
- 图标设计：24×24 与 16×16 网格、安全区、简洁/一致/视觉平衡/隐喻原则，以及描边、填充、双色调、字形风格。
- 设计系统：8px 间距刻度、阴影层级、圆角刻度。
- 插图原则：情境化放置、视觉多样性、叙事功能（锚点、揭示、过渡、角色、场景、证据）、格式一致性。
- 设计评审清单：视觉质量、排版、色彩、技术四类检查项。
使用方式：作为设计时的模式与规范参考，按需查阅对应章节；SVG 部分给出结构与属性写法，可直接参照编写。
适用场景：界面与品牌视觉设计、SVG 图形与图标制作、营销横幅、文档与 README 插图、设计系统搭建。
限制：资料为设计模式与规范说明，未提供安装命令、收费、价格或平台支持信息；具体工具与运行环境暂未提供。