Appwrite
工具产品
Mocha
Mocha（mocha-light） 官方矢量标志，归属工具产品分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。
该标志提供独立暗色模式版本
色彩提取
点击直接复制色值单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正
下载
ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连限时特惠码 6666888 享95折
- 矢量格式
- SVG · 1.77:1
- 导出分辨率
- 1024 × 1024 px
- 画布视口
- 0 0 1920 1084
- 源码体积
- 863 B · 1 个路径节点
编辑与导出
修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成
颜色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Mocha.zip
品牌视觉规范与工程参数档案
面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数
- 品牌实体 / 展示名称
- Mocha (mocha-light)
- 行业分类归属
- 工具产品
- 官方基色 (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG 亮暗底对比度与矢量体积
- 白底 3.7:1 · 暗底 5.4:1 · 863 B
矢量代码片段
<svg width="1920" height="1084" viewBox="0 0 1920 1084" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M496.36 933.52V714.848C496.36 561.289 291.434 507.242 214.842 640.703L139.842 771.304C118.857 807.887 71.5077 820.157 35.068 798.026C-0.0838509 776.723 -9.85666 729.978 10.5223 694.373L365.525 76.1461C442.117 -57.2398 647.043 -3.26817 647.043 150.367V369.866C647.043 523.35 851.893 577.397 928.56 444.162L1140.46 75.6945C1217.12 -57.6162 1421.97 -3.56924 1421.97 149.99V371.071C1421.97 524.555 1626.67 578.602 1703.42 445.442L1780.23 312.131C1801.29 275.623 1848.64 263.353 1885.01 285.559C1920.16 307.012 1929.86 353.682 1909.4 389.287L1552.73 1008.42C1475.99 1141.58 1271.29 1087.53 1271.29 934.047V713.719C1271.29 560.235 1066.44 506.188 989.773 639.423L777.877 1007.89C701.21 1141.2 496.36 1087.15 496.36 933.595V933.52Z" fill="#0D0D0D"/>
</svg>
设计应用建议
- 保持原生 1.77:1 宽高比（viewBox "0 0 1920 1084"）等比例缩放，切勿拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白安全保护区
- 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
