跳到主要内容
美妆品牌暗色专用版

Lume

Lume 官方矢量标志,归属美妆品牌分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Lume Logo
该标志提供独立暗色模式版本

色彩提取

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

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Lume
行业分类归属
美妆品牌
官方基色 (HEX / RGB / HSL)
#D06B57rgb(208, 107, 87) · hsl(10, 56%, 58%)
WCAG 亮暗底对比度与矢量体积
白底 3.5:1 · 暗底 5.6:1 · 3.3 KB

矢量代码片段

<svg role="img" aria-label="Lume" width="443" height="443" viewBox="0 0 443 443" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Lume</title>
  <path fill="#D06B57" d="M281.777 255.5C281.777 322.603 221.277 377 221.277 377C221.277 377 160.777 322.603 160.777 255.5C160.777 188.397 221.277 134 221.277 134C221.277 134 281.777 188.397 281.777 255.5Z"/>
  <path fill="#000" d="M347.08 168.186C390.212 219.589 378.833 300.149 378.833 300.149C378.833 300.149 297.521 297.367 254.388 245.963C211.256 194.559 222.635 114 222.635 114C222.635 114 303.947 116.782 347.08 168.186Z"/>
  <path fill="#000" d="M188.167 245.963C145.034 297.367 63.7226 300.149 63.7226 300.149C63.7226 300.149 52.3429 219.589 95.4756 168.186C138.608 116.782 219.92 114 219.92 114C219.92 114 231.3 194.559 188.167 245.963Z"/>
  <path fill="#000" d="M164.878 0C171.116 -6.8123e-08 177.293 1.22906 183.056 3.61621C188.819 6.00336 194.055 9.50223 198.466 13.9131C202.877 18.3239 206.376 23.5602 208.763 29.3232C211.15 35.0863 212.379 41.2631 212.379 47.501C212.379 49.7101 210.588 51.501 208.379 51.501C206.17 51.501 204.379 49.7101 204.379 47.501C204.379 42.3137 203.357 37.1772 201.372 32.3848C199.387 27.5923 196.478 23.2373 192.81 19.5693C189.142 15.9013 184.787 12.9919 179.994 11.0068C178.154 10.2447 176.263 9.62621 174.338 9.15137C174.361 9.43122 174.377 9.71406 174.377 10C174.377 15.5228 169.9 20 164.377 20C158.854 20 154.377 15.5228 154.377 10C154.377 4.47715 158.854 0 164.377 0C164.467 0 164.558 0.00347141 164.647 0.00585938C164.724 0.00152808 164.801 9.22301e-10 164.878 0Z"/>
  <path fill="#000" d="M278.379 0C283.902 0 288.379 4.47715 288.379 10C288.379 15.5228 283.902 20 278.379 20C272.856 20 268.379 15.5228 268.379 10C268.379 9.71409 268.393 9.4312 268.417 9.15137C266.492 9.62618 264.602 10.2448 262.762 11.0068C257.969 12.9919 253.614 15.9013 249.946 19.5693C246.278 23.2373 243.369 27.5923 241.384 32.3848C239.399 37.1772 238.377 42.3137 238.377 47.501C238.377 49.7101 236.586 51.501 234.377 51.501C232.168 51.501 230.377 49.7101 230.377 47.501C230.377 41.2631 231.606 35.0863 233.993 29.3232C236.38 23.5602 239.879 18.3239 244.29 13.9131C248.701 9.50223 253.937 6.00336 259.7 3.61621C265.463 1.22906 271.64 -6.8123e-08 277.878 0C277.955 9.18378e-10 278.031 0.00156461 278.107 0.00585938C278.198 0.00345415 278.288 0 278.379 0Z"/>
  <path fill="#000" d="M261.377 65C261.377 87.0914 243.468 135 221.377 135C199.286 135 181.377 87.0914 181.377 65C181.377 42.9086 199.286 25 221.377 25C243.468 25 261.377 42.9086 261.377 65Z"/>
  <circle opacity="0.6" cx="221.877" cy="271.5" r="171.5" fill="url(#lume-radial)"/>
  <path fill="#000" d="M146.211 216.259C89.3051 251.818 11.1134 229.337 11.1134 229.337C11.1134 229.337 25.1849 149.204 82.0911 113.645C138.997 78.0864 217.189 100.567 217.189 100.567C217.189 100.567 203.118 180.7 146.211 216.259Z"/>
  <path fill="#000" d="M360.796 113.643C417.702 149.202 431.774 229.335 431.774 229.335C431.774 229.335 353.582 251.816 296.676 216.257C239.77 180.698 225.698 100.564 225.698 100.564C225.698 100.564 303.89 78.0838 360.796 113.643Z"/>
  <defs>
    <radialGradient id="lume-radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(221.877 271.5) rotate(90) scale(171.5)">
      <stop stop-color="#D06B57"/>
      <stop offset="1" stop-color="#D06B57" stop-opacity="0"/>
    </radialGradient>
  </defs>
</svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 443 443")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖
查看更多同类
操作已完成