ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- VaulTLS
- 公式カラー (HEX / RGB / HSL)
- #A28DCFrgb(162, 141, 207) · hsl(259, 41%, 68%)
- WCAG コントラストとファイルサイズ
- 白背景 2.9:1 · 黒背景 6.8:1 · 763 B
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="vaultls_svg__a" x1="48.154" x2="115.519" y1="575.296" y2="408.562" gradientTransform="matrix(2.8479 0 0 -2.8498 18.771 1647.394)" gradientUnits="userSpaceOnUse"><stop offset=".01" style="stop-color:#a28dcf"/><stop offset="1" style="stop-color:#8dbacf"/></linearGradient><path d="M242.9 0C107.6 6.8 0 118.8 0 255.8 0 397.3 114.6 512 256 512s256-114.7 256-256.2c0-129.3-95.7-236.2-220-253.7 0 0-36.8 25.1-37 49.3-.2 25.4 30.1 53.9 30.1 53.9 70.7 13.6 124 75.8 124 150.5 0 84.6-68.6 153.2-153.1 153.2-84.6 0-153.1-68.6-153.1-153.2 0-77 56.8-140.7 130.7-151.6 0 0-22.7-25.4-23.6-49.8C209 28.3 242.9 0 242.9 0" style="opacity:.995;fill:url(#vaultls_svg__a)"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="vaultls-dark_svg__a" x1="48.154" x2="115.519" y1="575.296" y2="408.562" gradientTransform="matrix(2.8479 0 0 -2.8498 18.771 1647.394)" gradientUnits="userSpaceOnUse"><stop offset=".01" style="stop-color:#000"/><stop offset="1" style="stop-color:#231f20;stop-opacity:.6"/></linearGradient><path d="M242.9 0C107.6 6.8 0 118.8 0 255.8 0 397.3 114.6 512 256 512s256-114.7 256-256.2c0-129.3-95.7-236.2-220-253.7 0 0-36.8 25.1-37 49.3-.2 25.4 30.1 53.9 30.1 53.9 70.7 13.6 124 75.8 124 150.5 0 84.6-68.6 153.2-153.1 153.2-84.6 0-153.1-68.6-153.1-153.2 0-77 56.8-140.7 130.7-151.6 0 0-22.7-25.4-23.6-49.8C209 28.3 242.9 0 242.9 0" style="opacity:.995;fill:url(#vaultls-dark_svg__a)"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。