跳到主要内容

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% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成