ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- LastSignal
- 公式カラー (HEX / RGB / HSL)
- #6366F1rgb(99, 102, 241) · hsl(239, 84%, 67%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 1.0 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="lastsignal_svg__a" x1="-656.362" x2="-630.763" y1="783.15" y2="757.55" gradientTransform="matrix(16 0 0 -20 10553 15663)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#6366f1"/><stop offset="1" style="stop-color:#22d3ee"/></linearGradient><path d="M256 0C142.9 0 51.2 91.7 51.2 204.8v102.4C51.2 420.3 142.9 512 256 512s204.8-91.7 204.8-204.8V204.8C460.8 91.7 369.1 0 256 0m0 51.2c84.8 0 153.6 68.8 153.6 153.6v25.6H102.4v-25.6c0-84.8 68.8-153.6 153.6-153.6m0 409.6c-84.8 0-153.6-68.8-153.6-153.6v-25.6h307.2v25.6c0 84.8-68.8 153.6-153.6 153.6" style="fill:url(#lastsignal_svg__a)"/><linearGradient id="lastsignal_svg__b" x1="-479.55" x2="-453.95" y1="653.95" y2="628.35" gradientTransform="matrix(4 0 0 -4 2123 2923)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#6366f1"/><stop offset="1" style="stop-color:#22d3ee"/></linearGradient><circle cx="256" cy="358.4" r="51.2" style="fill:url(#lastsignal_svg__b)"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="lastsignal-dark_svg__a" x1="-656.362" x2="-630.763" y1="783.15" y2="757.55" gradientTransform="matrix(16 0 0 -20 10553 15663)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000"/><stop offset="1" style="stop-color:#000;stop-opacity:.5"/></linearGradient><path d="M256 0C142.9 0 51.2 91.7 51.2 204.8v102.4C51.2 420.3 142.9 512 256 512s204.8-91.7 204.8-204.8V204.8C460.8 91.7 369.1 0 256 0m0 51.2c84.8 0 153.6 68.8 153.6 153.6v25.6H102.4v-25.6c0-84.8 68.8-153.6 153.6-153.6m0 409.6c-84.8 0-153.6-68.8-153.6-153.6v-25.6h307.2v25.6c0 84.8-68.8 153.6-153.6 153.6" style="fill:url(#lastsignal-dark_svg__a)"/><linearGradient id="lastsignal-dark_svg__b" x1="-479.55" x2="-453.95" y1="653.95" y2="628.35" gradientTransform="matrix(4 0 0 -4 2123 2923)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000"/><stop offset="1" style="stop-color:#000;stop-opacity:.5"/></linearGradient><circle cx="256" cy="358.4" r="51.2" style="fill:url(#lastsignal-dark_svg__b)"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。