跳到主要内容

Saleor

Saleor 官方矢量标志,归属消费品牌分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Saleor Logo

色彩提取

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

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Saleor
行业分类归属
消费品牌
官方基色 (HEX / RGB / HSL)
#1F1D4Drgb(31, 29, 77) · hsl(243, 45%, 21%)
WCAG 亮暗底对比度与矢量体积
白底 15.7:1 · 暗底 1.3:1 · 1.1 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.6 19.5"><path fill="#54baba" d="M15.5 3.1H0L3.1 0h15.5z"/><path fill="#222046" d="M8.9 19.5c3.8 0 4.8-1.5 4.8-3.6 0-2.6-2.3-3.1-4.3-3.4-1.5-.3-2.2-.4-2.2-1.3 0-.7.6-.9 1.5-.9 1.2 0 1.5.3 1.6 1.3l3.1-.5c-.1-2.1-1.3-3.2-4.5-3.2-3.5 0-4.7 1.4-4.7 3.6 0 2.9 2.7 3.2 4.7 3.5 1.2.2 1.7.4 1.7 1.3 0 .7-.4 1-1.7 1-1.4 0-1.8-.2-2-1.3l-3 .4c.4 2.2 1.7 3.1 5 3.1m8.6 0c1.7 0 2.5-.5 3-1.3v1.2h3.1v-7.6c0-2.5-1-3.8-4.4-3.8-3.3 0-4.4.9-4.9 3.2l3.1.5c.2-1 .5-1.3 1.7-1.3s1.4.5 1.4 1.3v.8h-1.4c-3.9 0-5.2 1.2-5.2 3.6 0 2.2 1.2 3.4 3.6 3.4m1.4-2.3c-1.5 0-2-.3-2-1.4 0-.9.5-1.3 2.1-1.3h1.6v1.1c0 1-.5 1.6-1.7 1.6m5.5 2.1h3.1V3.1l-3.1 3.1zm8.8.2c3.6 0 4.6-1.7 4.8-3.4l-3-.4c-.1 1-.3 1.5-1.8 1.5s-1.8-.7-1.8-1.7v-.9H38v-2c0-2.8-1.1-4.7-4.8-4.7-3.6 0-4.9 1.9-4.9 4.3v3c0 2.3 1.3 4.3 4.9 4.3m-1.8-7v-.6c0-1 .5-1.7 1.8-1.7s1.8.6 1.8 1.7v.6zm12.4-4.6c-3.6 0-5 1.8-5 4.3v3c0 2.5 1.4 4.3 5 4.3s5.1-1.8 5.1-4.3v-3c0-2.5-1.5-4.3-5.1-4.3m2 7.4c0 1.1-.7 1.7-1.9 1.7s-1.9-.7-1.9-1.7v-3.2c0-1.1.6-1.7 1.9-1.7s1.9.7 1.9 1.7zm7-7.3-3.1 3.1v8.2h3.1v-8.2h1.7L57.6 8z"/></svg>

设计应用建议

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