跳到主要內容

Monkeytype

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

Monkeytype Logo

色彩提取

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

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Monkeytype
行業分類歸屬
企業組織
官方基色 (HEX / RGB / HSL)
#E2B714rgb(226, 183, 20) · hsl(47, 84%, 48%)
WCAG 亮暗底對比度與向量體積
白底 1.9:1 · 暗底 10.4:1 · 2.8 KB

向量程式碼片段

<svg width="100%" height="100%" viewBox="0 0 300 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g>
        <path d="M250,120C255.519,120 260,124.481 260,130C260,135.519 255.519,140 250,140C244.481,140 240,135.519 240,130C240,124.481 244.481,120 250,120Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M110,120L170,120C175.519,120 180,124.481 180,130C180,135.519 175.519,140 170,140L110,140C104.481,140 100,135.519 100,130C100,124.481 104.481,120 110,120Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M90,60C95.519,60 100,64.481 100,70L100,90C100,95.519 95.519,100 90,100C84.481,100 80,95.519 80,90L80,70C80,64.481 84.481,60 90,60Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M40.009,69.485C40.28,53.164 53.615,40 70,40C77.68,40 84.69,42.892 90,47.645C95.31,42.892 102.32,40 110,40C126.385,40 139.72,53.164 139.991,69.485C139.999,69.655 140,69.828 140,70L140,90C140,95.519 135.519,100 130,100C124.481,100 120,95.519 120,90L120,70C120,64.481 115.519,60 110,60C104.481,60 100,64.481 100,70L100,90C100,95.519 95.519,100 90,100C84.481,100 80,95.519 80,90L80,70C80,64.481 75.519,60 70,60C64.481,60 60,64.481 60,70L60,90C60,95.519 55.519,100 50,100C44.481,100 40,95.519 40,90L40,70C40,69.828 40.004,69.656 40.009,69.485Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M220,100L220,130C220,135.519 215.519,140 210,140C204.481,140 200,135.519 200,130L200,100L171.18,100C165.01,100 160,95.519 160,90C160,84.481 165.01,80 171.18,80L248.82,80C254.99,80 260,84.481 260,90C260,95.519 254.99,100 248.82,100L220,100Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M210,40L250,40C255.519,40 260,44.481 260,50C260,55.519 255.519,60 250,60L210,60C204.481,60 200,55.519 200,50C200,44.481 204.481,40 210,40Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M50,120L70,120C75.519,120 80,124.481 80,130C80,135.519 75.519,140 70,140L50,140C44.481,140 40,135.519 40,130C40,124.481 44.481,120 50,120Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M165,40L170,40C175.519,40 180,44.481 180,50C180,55.519 175.519,60 170,60L165,60C159.481,60 155,55.519 155,50C155,44.481 159.481,40 165,40Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M20,110L0,110L0,50C0,22.404 22.404,0 50,0L250,0C277.596,0 300,22.404 300,50L300,130C300,157.596 277.596,180 250,180L50,180C22.404,180 0,157.596 0,130L0,110L20,110L20,130C20,146.557 33.443,160 50,160L250,160C266.557,160 280,146.557 280,130L280,50C280,33.443 266.557,20 250,20L50,20C33.443,20 20,33.443 20,50L20,110Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
    </g>
</svg>

設計應用建議

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