ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Sando
- 公式カラー (HEX / RGB / HSL)
- #FAAE00rgb(250, 174, 0) · hsl(42, 100%, 49%)
- WCAG コントラストとファイルサイズ
- 白背景 1.9:1 · 黒背景 10.5:1 · 857 B
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M352.9 256c0 53-42.6 96-95.5 96.8-1.9-.1-3.7 0-5.6 0-46.9 0-85 35.6-85 79.6s35.8 78.8 84.3 79.5C398.8 513.8 512 395.9 512 256z" style="fill:#faae00"/><path d="M257.4.1v159.2c52.8.8 95.5 43.8 95.5 96.8h.2c3.5 43.5 37.6 77.7 79.3 77.7s76.1-34.2 79.6-77.7C512 122.8 397.6.1 257.4.1" style="fill:#f86a42"/><path d="M257.2.1C119.6.1 0 114.1 0 252.7c0 1.8 1.5 3.4 3.3 3.4h152.6c1.8 0 3.2-1.4 3.3-3.2 1.7-52 44.4-93.6 96.8-93.6.5 0 .9.1 1.4.1v-.2c44.3-2.7 79.4-37.2 79.4-79.4 0-42.1-34.9-76.8-79.1-79.6-.2-.1-.4-.1-.5-.1" style="fill:#f63f61"/><path d="M166.8 432.4c-1.7-44 38-79.6 85-79.6 1.9 0 3.8-.1 5.6 0h.1-1.4c-53.4 0-96.6-43.2-96.8-96.5v-.3c0-46.9-35.6-85-79.6-85S.1 209 .1 256c0 132.2 105.1 255.9 251.1 255.9-53 .1-82.8-38.6-84.4-79.5" style="fill:#9e394f"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M257.6.1h-.5C119.6.1 0 114.1 0 252.7v.5c1.4-45.6 36.5-82.1 79.6-82.1 43 0 78 36.4 79.6 81.9v-.2c1.7-52 44.4-93.6 96.8-93.6.5 0 .9.1 1.4.1v-.2c44.3-2.7 79.4-37.2 79.4-79.4-.1-42.1-35-76.8-79.2-79.6"/><path d="M257.4.1h.2c44.2 2.8 79.1 37.5 79.1 79.6 0 42.2-35.1 76.6-79.4 79.4v.2c52.8.8 95.5 43.8 95.5 96.8h.2c3.5 43.5 37.6 77.7 79.3 77.7s76.1-34.2 79.6-77.7C512 122.8 397.6.1 257.4.1" style="opacity:.75"/><path d="M432.4 333.7c-41.7 0-75.8-34.2-79.3-77.7h-.2c0 53-42.6 96-95.5 96.8-1.9-.1-3.7 0-5.6 0-46.9 0-85 35.6-85 79.6s35.8 78.8 84.3 79.5C398.8 513.8 512 395.9 512 256c-3.5 43.5-38 77.7-79.6 77.7" style="opacity:.5"/><path d="M166.9 435c0-.9-.1-1.7-.1-2.6 0-44 38-79.6 85-79.6h2.8c-52.7-.8-95.1-43.7-95.3-96.5v-.3c0-46.9-35.6-85-79.6-85S.1 209 .1 256c0 132.2 105.1 255.9 251.1 255.9-47.6-.6-82.9-34.1-84.3-76.9" style="opacity:.25"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。