跳到主要內容

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% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成