跳到主要内容

Clarity

Clarity 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Clarity Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 128 128
源码体积
2.1 KB · 4 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Clarity.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
Clarity
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#13171Argb(19, 23, 26) · hsl(206, 16%, 9%)
WCAG 亮暗底对比度与矢量体积
白底 18:1 · 暗底 1.1:1 · 2.1 KB

矢量代码片段

<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
<path d="m86.987-7.796e-5h-45.974c-22.576 0-40.877 18.34-40.877 40.964v46.072c0 22.623 18.302 40.964 40.877 40.964h45.974c22.576 0 40.877-18.34 40.877-40.964v-46.072c0-22.623-18.301-40.964-40.877-40.964z" fill="#13171a"/>
<path d="m38.497 31.809c1.7885-1.6202 3.8788-2.8703 6.1509-3.6787 2.2721-0.80825 4.6811-1.1588 7.0887-1.0314v6.0699c-1.5818-0.0869-3.164 0.16385-4.6418 0.73569s-2.8177 1.4516-3.9308 2.5813c-2.144 3.0168-3.1738 6.6873-2.9127 10.382v34.131c-0.26109 3.6942 0.76869 7.3646 2.9127 10.382 1.1042 1.2152 2.4637 2.1698 3.9804 2.7952 1.5168 0.62458 3.153 0.90525 4.7909 0.82043v5.9373c-2.4099 0.12261-4.8203-0.23286-7.0924-1.0471-2.2722-0.81426-4.3613-2.0704-6.1472-3.6966-1.7605-1.9786-3.0999-4.2965-3.9365-6.811-0.83654-2.5153-1.1527-5.1747-0.92907-7.8164v-35.126c-0.24651-2.6276 0.03986-5.278 0.84186-7.7918 0.80208-2.5137 2.1032-4.839 3.8251-6.8358z" fill="#7e858b"/>
<path d="m59.714 31.809c3.6161-3.266 8.3778-4.96 13.239-4.7101v6.0699c-1.5868-0.08736-3.1742 0.16301-4.6574 0.73468-1.4833 0.57176-2.8289 1.4518-3.9483 2.5823-2.1323 3.0212-3.1503 6.6913-2.8797 10.382v34.131c-0.27065 3.6904 0.74733 7.3607 2.8797 10.382 1.107 1.2114 2.467 2.1637 3.983 2.7882 1.516 0.62535 3.1509 0.90756 4.7882 0.82737v5.9373c-2.4368 0.14111-4.8773-0.2051-7.179-1.0194-2.3016-0.81503-4.4182-2.0804-6.2261-3.7243-1.7546-1.9809-3.088-4.3003-3.9188-6.8148-0.83084-2.5153-1.1417-5.1732-0.91365-7.8126v-35.126c-0.22616-2.6392 0.08567-5.2968 0.91643-7.811 0.83068-2.5146 2.163-4.8336 3.916-6.8161z" fill="#f7f8f9"/>
<path d="m80.997 31.809c3.6179-3.2628 8.3786-4.9563 13.239-4.7101v6.0699c-1.5923-0.08998-3.1853 0.159-4.6743 0.73075-1.489 0.57176-2.8399 1.4531-3.9641 2.5862-2.1043 3.0789-3.0643 6.7995-2.7142 10.514v33.998c-0.27065 3.6904 0.74718 7.3607 2.8792 10.382 1.1088 1.2098 2.469 2.1606 3.9842 2.7851 1.5159 0.62458 3.1499 0.90833 4.7869 0.83045v5.9373c-4.8647 0.23364-9.6246-1.472-13.239-4.7437-1.7835-1.9693-3.1491-4.2818-4.0135-6.7963-0.86492-2.5145-1.211-5.1786-1.0174-7.8311v-35.126c-0.23179-2.6318 0.06786-5.2834 0.88104-7.7964 0.81334-2.5132 2.1234-4.8364 3.8522-6.831z" fill="#7e858b"/>
</svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 128 128")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成