跳到主要內容

Claion

Claion 官方向量標誌,歸屬企業組織分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Claion Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 3.22:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 315.28668 97.952797
原始碼體積
4.5 KB · 9 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Claion.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Claion
行業分類歸屬
企業組織
官方基色 (HEX / RGB / HSL)
#2B3C4Ergb(43, 60, 78) · hsl(211, 29%, 24%)
WCAG 亮暗底對比度與向量體積
白底 11.3:1 · 暗底 1.8:1 · 4.5 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.1"
   id="svg2"
   xml:space="preserve"
   width="315.28668"
   height="97.952797"
   viewBox="0 0 315.28668 97.952797"
   sodipodi:docname="claionlogo.ai"><metadata
     id="metadata8"><rdf:RDF><cc:Work
         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
     id="defs6"><clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath18"><path
         d="M 0,73.465 H 236.465 V 0 H 0 Z"
         id="path16" /></clipPath></defs><sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="640"
     inkscape:window-height="480"
     id="namedview4" /><g
     id="g10"
     inkscape:groupmode="layer"
     inkscape:label="claionlogo"
     transform="matrix(1.3333333,0,0,-1.3333333,0,97.9528)"><g
       id="g12"><g
         id="g14"
         clip-path="url(#clipPath18)"><g
           id="g20"
           transform="translate(236.0343,9.4027)"><path
             d="m 0,0 h -9.258 v 23.144 c -0.153,9.388 -6.619,13.624 -12.959,13.624 h -0.002 c -6.342,0 -12.809,-4.237 -12.961,-13.698 V 0 h -9.257 v 23.144 c 0.112,7.012 2.564,12.894 7.09,17.085 4.037,3.738 9.409,5.796 15.127,5.797 h 0.003 c 10.856,0 21.972,-7.833 22.216,-22.807 z"
             style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path22" /></g><g
           id="g24"
           transform="translate(89.4655,18.66)"><path
             d="m 0,0 c -7.147,0 -12.961,5.814 -12.961,12.961 v 1.851 c 0,7.147 5.814,12.961 12.961,12.961 7.147,0 12.961,-5.814 12.961,-12.961 V 12.961 C 12.961,5.814 7.147,0 0,0 M 12.961,36.105 V 32.842 C 9.31,35.474 4.835,37.031 0,37.031 c -12.251,0 -22.219,-9.967 -22.219,-22.219 v -1.851 c 0,-12.251 9.968,-22.219 22.219,-22.219 4.835,0 9.31,1.557 12.961,4.189 v -3.263 h 9.258 v 21.293 1.851 21.293 z"
             style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path26" /></g><path
           d="m 58.915,10.328 h -9.258 v 62.953 h 9.258 z"
           style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
           id="path28" /><path
           d="m 130.2,45.508 h -9.258 v 9.258 h 9.258 z"
           style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
           id="path30" /><path
           d="m 130.2,10.328 h -9.258 v 29.625 h 9.258 z"
           style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
           id="path32" /><g
           id="g34"
           transform="translate(160.7504,46.4333)"><path
             d="m 0,0 c -7.147,0 -12.961,-5.814 -12.961,-12.961 v -1.851 c 0,-7.147 5.814,-12.961 12.961,-12.961 7.147,0 12.961,5.814 12.961,12.961 v 1.851 C 12.961,-5.814 7.147,0 0,0 m 0,-37.031 c -12.251,0 -22.219,9.967 -22.219,22.219 v 1.851 c 0,12.251 9.968,22.219 22.219,22.219 12.251,0 22.219,-9.968 22.219,-22.219 v -1.851 C 22.219,-27.064 12.251,-37.031 0,-37.031"
             style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path36" /></g><g
           id="g38"
           transform="translate(170.0082,2.9218)"><path
             d="m 0,0 c 0,-1.534 -4.145,-2.777 -9.258,-2.777 -5.113,0 -9.258,1.243 -9.258,2.777 0,1.534 4.145,2.777 9.258,2.777 C -4.145,2.777 0,1.534 0,0"
             style="fill:#46bedc;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path40" /></g><g
           id="g42"
           transform="translate(32.3254,23.0628)"><path
             d="m 0,0 v 0.02 c -2.445,-2.791 -5.953,-4.423 -9.733,-4.423 -7.147,0 -12.961,5.814 -12.961,12.961 v 1.852 c 0,7.146 5.814,12.961 12.961,12.961 3.616,0 7.013,-1.519 9.446,-4.115 v 0.026 l 8.976,3.554 c -4.143,6.132 -11.03,9.792 -18.422,9.792 -12.251,0 -22.219,-9.967 -22.219,-22.218 V 8.558 c 0,-12.251 9.968,-22.219 22.219,-22.219 7.622,0 14.625,3.838 18.733,10.267 z"
             style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path44" /></g></g></g></g></svg>

設計應用建議

  • 保持原生 3.22:1 寬高比(viewBox "0 0 315.28668 97.952797")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成