品牌视觉规范与工程参数档案
面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数
- 品牌实体 / 展示名称
- Komplett
- 官方基色 (HEX / RGB / HSL)
- #F7B912rgb(247, 185, 18) · hsl(44, 93%, 52%)
- WCAG 亮暗底对比度与矢量体积
- 白底 1.8:1 · 暗底 11.2:1 · 1.0 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="m34.4 383.2 111.4-63.3L257.1 512zm0-255.5L257.1 0l220.5 127.7-220.5 127.8z" style="fill:#f7b912"/><linearGradient id="komplett_svg__a" x1="4977.327" x2="5490.636" y1="5072.638" y2="4020.253" gradientTransform="matrix(.2 0 0 .2 -946.5 -624.53)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#b77b06"/><stop offset=".5" style="stop-color:#d7920a"/><stop offset="1" style="stop-color:#eca70d"/></linearGradient><path d="m34.4 127.7 222.7 127.8L34.4 383.2z" style="fill:url(#komplett_svg__a)"/><linearGradient id="komplett_svg__b" x1="5954.585" x2="6634.814" y1="4384.406" y2="5392.904" gradientTransform="matrix(.2 0 0 .2 -946.5 -624.53)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#b77b06"/><stop offset=".5" style="stop-color:#e69f0c"/><stop offset="1" style="stop-color:#f7b912"/></linearGradient><path d="m366.3 192.1 111.3 191.1L257.1 512 145.7 319.9z" style="fill:url(#komplett_svg__b)"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="m34.4 383.2 111.4-63.3L257.1 512zm0-255.5L257.1 0l220.5 127.7-220.5 127.8z"/><linearGradient id="komplett-dark_svg__a" x1="4977.327" x2="5490.636" y1="5072.638" y2="4020.253" gradientTransform="matrix(.2 0 0 .2 -946.5 -624.53)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000;stop-opacity:.8"/><stop offset=".5" style="stop-color:#000;stop-opacity:.5"/><stop offset="1" style="stop-color:#000;stop-opacity:.3"/></linearGradient><path d="m34.4 127.7 222.7 127.8L34.4 383.2z" style="fill:url(#komplett-dark_svg__a)"/><linearGradient id="komplett-dark_svg__b" x1="5954.585" x2="6634.814" y1="4384.406" y2="5392.904" gradientTransform="matrix(.2 0 0 .2 -946.5 -624.53)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000;stop-opacity:.8"/><stop offset=".5" style="stop-color:#000;stop-opacity:.5"/><stop offset="1" style="stop-color:#000;stop-opacity:.3"/></linearGradient><path d="m366.3 192.1 111.3 191.1L257.1 512 145.7 319.9z" style="fill:url(#komplett-dark_svg__b)"/></svg>
设计应用建议
- 保持原生 1:1 宽高比(viewBox "0 0 512 512")等比例缩放,切勿拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白安全保护区
- 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖