跳到主要內容

Danfo.js

Danfo.js(danfo) 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Danfo.js Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Danfo.js (danfo)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#FFDF28rgb(255, 223, 40) · hsl(51, 100%, 58%)
WCAG 亮暗底對比度與向量體積
白底 1.3:1 · 暗底 14.9:1 · 773 B

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#ffdf28" d="M0 0h256v256H0z"/><path fill="#2e2e2e" d="M116.387 30.755c18.266-.275 36.438.501 54.052 8.177c40.133 17.492 65.051 59.935 60.148 103.434c-4.958 43.989-38.704 80.451-81.699 88.081c-5.283.937-10.702 1.525-16.062 1.551c-32.343.152-102.637-.349-102.637-.349V31.431h28.837l.009 171.791s48.808-.01 69.022-.213c39.38-.394 68.13-25.485 73.552-63.93c5.17-36.66-24.156-74.462-60.909-78.3c-7.755-.81-15.58-.958-24.16-1.457v86.128c5.382 0 10.511.413 15.548-.097c7.44-.753 12.217-6.458 12.31-14.393c.152-13.006.041-40.073.041-40.073c2.58.928 4.447 1.382 6.112 2.234c17.116 8.752 26.217 28.46 22.132 47.77c-3.885 18.364-20.145 32.584-39.105 33.362c-13.68.561-46.305.303-46.305.303l.194-143.83"/></svg>

設計應用建議

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