ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- 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 で一色に上書きしないでください。