跳到主要内容

thoughtbot

thoughtbot 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

thoughtbot Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 64 64
源码体积
1.8 KB · 2 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装thoughtbot.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
thoughtbot
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#ED3E44rgb(237, 62, 68) · hsl(358, 83%, 59%)
WCAG 亮暗底对比度与矢量体积
白底 3.9:1 · 暗底 5.1:1 · 1.8 KB

矢量代码片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><g transform="matrix(2.410157 0 0 2.410157 -12.025188 -45.495922)" fill-rule="evenodd"><ellipse cx="18.267" cy="32.154" rx="13.277" ry="13.258" fill="#ed3e44"/><path d="M14.327 33.253v3.8c.185.248.298.49.298.79a1.222 1.222 0 0 1-.431.933l-.33-.33a.753.753 0 0 0 .298-.602.749.749 0 0 0-.746-.752.749.749 0 0 0-.746.752c0 .244.115.46.294.6l-.328.33a1.226 1.226 0 0 1-.434-.929c0-.3.092-.577.277-.8v-5.9c.03-.228.205-.41.43-.41l10.738.002c.225 0 .402.182.433.4v5.903a1.37 1.37 0 0 1 .277.788 1.224 1.224 0 0 1-.431.93l-.33-.33c.18-.138.293-.354.293-.6a.749.749 0 0 0-.746-.752.749.749 0 0 0-.746.752c0 .246.117.464.298.602l-.33.332a1.224 1.224 0 0 1-.431-.935c0-.3.12-.54.3-.8v-3.77h-.523v7.978l.308.205v.656h-3.6v-.656l.4-.197v-2.466h-1.046l.001 2.458.37.205v.656H14.51v-.656l.37-.204v-8h-.554zm4.047-8.816c.746 0 1.42.268 1.837.67l.33-.473c-.52-.47-1.297-.768-2.166-.768s-1.65.3-2.17.77l.33.473c.416-.405 1.094-.675 1.842-.675zm.036-1.208c.815 0 1.574.237 2.14.668a2.48 2.48 0 0 1 .31.279l.33-.474c-.642-.634-1.648-1.042-2.78-1.042-1.16 0-2.186.428-2.824 1.088l.33.477a2.46 2.46 0 0 1 .354-.327c.565-.43 1.325-.668 2.14-.668zm-.036-1.16c1.293 0 2.436.475 3.116 1.197l.327-.47c-.792-.788-2.04-1.297-3.443-1.297s-2.655.5-3.447 1.3l.327.47c.68-.724 1.824-1.2 3.12-1.2zm2.67 3.646h-5.457c-.224 0-.398.186-.398.412v3.588c0 .225.174.404.398.404h5.457c.225 0 .422-.18.422-.404V26.13c0-.226-.198-.412-.422-.412zm-4.12 2.633a.698.698 0 1 1 0-1.401.698.698 0 0 1 .695.701.7.7 0 0 1-.695.7zm2.79 0a.698.698 0 1 1 0-1.401.698.698 0 0 1 .695.701.7.7 0 0 1-.695.7zm-2.433-.7c0 .197-.16.358-.356.358s-.355-.16-.355-.358.16-.36.355-.36.356.16.356.36zm2.433.358c-.196 0-.355-.16-.355-.358s.16-.36.356-.36a.358.358 0 0 1 0 .717z" fill="#fff"/></g></svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 64 64")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成