ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- SplitPro
- 公式カラー (HEX / RGB / HSL)
- #242424rgb(36, 36, 36) · hsl(0, 0%, 14%)
- WCAG コントラストとファイルサイズ
- 白背景 15.5:1 · 黒背景 1.3:1 · 1.0 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M.1 252H253v260C113 510.4 0 396.4 0 256m511.9-4C509.8 112.5 396 0 256 0h-3v252z" style="fill:#242424"/><path d="M253 .8V252H.1C2.2 113.5 114.3 1.6 253 0zM511.9 252H253v260h3c141.4 0 256-114.6 256-256 0-1.3 0-2.7-.1-4"/><path d="M348.8 312c0 17.3-4.3 31.9-13 43.5-8.7 11.7-21 20.5-37 26.5q-24 9-57 9c-18.7 0-34.9-1.5-48.5-4.5-13.3-3-25.2-7.2-35.5-12.5v-40c10.7 5.3 23.5 10.3 38.5 15 15.3 4.3 30.9 6.5 46.5 6.5 22.3 0 38.5-3.5 48.5-10.5 10-7.3 15-17 15-29 0-6.7-1.8-12.7-5.5-18s-10.3-10.7-20-16q-13.95-7.95-40.5-18c-17.3-6.7-32.2-13.3-44.5-20s-21.8-14.7-28.5-24-10-21.3-10-36c0-22.7 9.2-40.2 27.5-52.5 18.7-12.3 43-18.5 73.1-18.5 16.3 0 31.5 1.7 45.5 5 14.3 3 27.7 7.3 40 13l-15 35c-7.3-3.3-15.2-6.2-23.5-8.5-8-2.7-16.2-4.7-24.5-6-8.3-1.7-16.8-2.5-25.5-2.5-18 0-31.9 3-41.5 9-9.3 5.7-14 13.5-14 23.5 0 7.3 2.2 13.7 6.5 19 4.3 5 11.5 10 21.5 15 10.3 4.7 24 10.3 41 17q25.5 9.45 43.5 19.5c12 6.7 21.2 14.8 27.5 24.5 6.2 9.4 9.4 21.2 9.4 35.5" style="fill:#22d3ee"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M253 113V0h3c140 0 253.8 112.5 255.9 252H311.8q-18-10.05-43.5-19.5c-5.4-2.1-10.5-4.2-15.3-6.1v-77.5h1.8c8.7 0 17.2.8 25.5 2.5 8.3 1.3 16.5 3.3 24.5 6 8.3 2.3 16.2 5.2 23.5 8.5l15-35c-12.3-5.7-25.7-10-40-13-14-3.3-29.2-5-45.5-5-1.6 0-3.2 0-4.8.1m-11.3 278.1c-18.7 0-34.9-1.5-48.5-4.5-13.3-3-25.2-7.2-35.5-12.5v-40c10.7 5.3 23.5 10.3 38.5 15 15.3 4.3 30.9 6.5 46.5 6.5 3.6 0 7-.1 10.3-.3V269c-4-1.6-8.2-3.3-12.8-5q-15.6-6-28.5-12H.1l-.1 4c0 140.4 113 254.4 253 256V390.8c-3.7.2-7.4.3-11.3.3" style="opacity:.7"/><path d="M213.2 157.9c9.4-5.8 22.6-8.8 39.8-9v77.5c-10.1-4.1-18.7-7.8-25.8-10.9-10-5-17.2-10-21.5-15-4.3-5.3-6.5-11.7-6.5-19 0-10.1 4.7-17.9 14-23.6M306.3 316c0-6.7-1.8-12.7-5.5-18s-10.3-10.7-20-16c-6.9-4-16.2-8.3-27.8-13v86.3c17.1-.9 29.9-4.3 38.3-10.2 10-7.4 15-17 15-29.1m-110.6-72q-18.45-10.05-28.5-24c-6.7-9.3-10-21.3-10-36 0-22.7 9.2-40.2 27.5-52.5 17.7-11.7 40.5-17.8 68.3-18.5V0C114.3 1.6 2.2 113.5.1 252h211.7c-5.8-2.7-11.2-5.3-16.1-8m316.2 8H311.8c12 6.7 21.2 14.8 27.5 24.5 6.3 9.3 9.5 21.2 9.5 35.5 0 17.3-4.3 31.9-13 43.5-8.7 11.7-21 20.5-37 26.5-13.2 5-28.5 7.9-45.8 8.7V512h3c141.4 0 256-114.6 256-256 0-1.3 0-2.7-.1-4"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。