ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- re:Director (re-director)
- 公式カラー (HEX / RGB / HSL)
- #52A9AArgb(82, 169, 170) · hsl(181, 35%, 49%)
- WCAG コントラストとファイルサイズ
- 白背景 2.8:1 · 黒背景 7.2:1 · 1.5 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M65 0h382c35.9 0 65 29.1 65 65v382c0 35.9-29.1 65-65 65H65c-35.9 0-65-29.1-65-65V65C0 29.1 29.1 0 65 0" style="fill:#52a9aa"/><path d="M396.9 116.1h-14.7v-8.4c0-31.2-25.4-56.6-56.6-56.6H114.8c-31.2 0-56.6 25.4-56.6 56.6v210.8c0 31.2 25.4 56.6 56.6 56.6h2.8v20.2c0 37.8 30.6 68.5 68.5 68.5h210.8c37.8 0 68.5-30.6 68.5-68.5V184.6c0-37.8-30.7-68.5-68.5-68.5" style="fill:#fff"/><path d="M383.8 238.6c-9.8-8.9-18.6-16.8-27.4-24.8-4.9-4.4-5.8-8.1-2.7-11.4 3.2-3.5 8-3.4 12.4.6 16.8 15.1 33.5 30.2 50.5 45.6-5.7 5.2-11.2 10.2-16.7 15.2-10.9 9.9-21.9 19.8-32.9 29.7-1.5 1.4-3.2 2.7-5.1 3.4-3.6 1.3-6.9.3-9.1-3.1-2.1-3.3-1-6.3 1.7-8.8 9.4-8.5 18.7-17 28.8-26.1-1.9-.2-2.9-.5-4-.4-33.5 1.3-67 1.9-100.4 4.2-14.4 1-28.7 4.5-42.8 8.1-27.9 7.1-42.5 26.2-45.7 54.1-1.6 14.3-1.7 28.7-2.3 43.1-.3 7.7-4.1 12.2-11 12.2-7 0-11.3-4.4-10.9-12.2 1-18 1.1-36.2 4.1-53.9 5.6-32.8 26.5-52.6 57.8-62.2 23.9-7.3 48.5-10.3 73.3-11.4 25.8-1.1 51.7-1.4 77.6-2 1.3 0 2.5.1 4.8.1m93.4-54v210.8c0 44.3-36 80.3-80.3 80.3H186.1c-43.3 0-78.7-34.4-80.3-77.3-40.1-4.5-71.4-38.6-71.4-79.8V107.8c0-44.3 36-80.3 80.3-80.3h210.8c43.3 0 78.7 34.4 80.3 77.3 40.2 4.4 71.4 38.5 71.4 79.8m-291.1-80.3h196c-1.8-29.6-26.4-53.1-56.5-53.1H114.8c-31.2 0-56.6 25.4-56.6 56.6v210.8c0 28.1 20.6 51.5 47.5 55.9V184.6c.1-44.3 36.1-80.3 80.4-80.3m267.4 80.3c0-31.2-25.4-56.6-56.6-56.6H186.1c-31.2 0-56.6 25.4-56.6 56.6v210.8c0 31.2 25.4 56.6 56.6 56.6h210.8c31.2 0 56.6-25.4 56.6-56.6z" style="fill:#040404"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M447 0H65C29.1 0 0 29.1 0 65v382c0 35.9 29.1 65 65 65h382c35.9 0 65-29.1 65-65V65c0-35.9-29.1-65-65-65m30.2 395.4c0 44.3-36 80.3-80.3 80.3H186.1c-43.3 0-78.7-34.4-80.3-77.3-40.1-4.5-71.4-38.6-71.4-79.8V107.8c0-44.3 36-80.3 80.3-80.3h210.8c43.3 0 78.7 34.4 80.3 77.3 40.2 4.4 71.4 38.5 71.4 79.8zM186.1 104.3c-44.3 0-80.3 36-80.4 80.3v189.9c-26.9-4.4-47.5-27.8-47.5-55.9V107.8c0-31.2 25.4-56.6 56.6-56.6h210.8c.9 0 1.8 0 2.7.1.3 0 .6 0 .9.1.6 0 1.2.1 1.8.1.4 0 .7.1 1.1.1.5.1 1.1.1 1.6.2.4.1.7.1 1.1.2l1.5.3c.4.1.8.2 1.1.2.5.1 1 .2 1.4.3s.8.2 1.1.3c.5.1.9.2 1.4.4.4.1.8.2 1.1.3.4.1.9.3 1.3.4s.8.3 1.1.4c.4.2.9.3 1.3.5.4.1.8.3 1.1.5.4.2.8.4 1.2.5.4.2.7.3 1.1.5l1.2.6c.4.2.7.4 1.1.6l1.2.6c.4.2.7.4 1.1.6s.7.5 1.1.7.7.4 1.1.7c.4.2.7.5 1.1.7.3.2.7.5 1 .7s.6.5 1 .7c.9.7 1.7 1.3 2.6 2 .1.1.3.2.4.3.4.3.7.7 1.1 1 .3.2.5.5.8.7.4.3.7.7 1 1l.7.7c.3.3.7.7 1 1.1.2.3.5.5.7.8.3.4.6.7 1 1.1.2.3.5.5.7.8l.9 1.2c.2.3.4.5.6.8l.9 1.2c.2.3.4.6.6.8.3.4.6.8.8 1.3.2.3.4.6.5.9.3.4.5.9.8 1.3.2.3.3.6.5.9.3.5.5.9.7 1.4.1.3.3.6.4.9.2.5.5 1 .7 1.4.1.3.2.5.4.8.2.5.4 1 .7 1.5.1.3.2.5.3.8.2.5.4 1.1.6 1.6.1.2.1.4.2.6l.6 1.8c0 .1 0 .1.1.2.7 2.3 1.3 4.7 1.7 7.2v.3c.1.6.2 1.2.2 1.8.2 1.2.3 2.4.4 3.6zM396.9 128H186.1c-31.2 0-56.6 25.4-56.6 56.6v210.8c0 31.2 25.4 56.6 56.6 56.6h210.8c31.2 0 56.6-25.4 56.6-56.6V184.6c0-31.2-25.4-56.6-56.6-56.6m3 135.8c-10.9 9.9-21.9 19.8-32.9 29.7-1.5 1.4-3.2 2.7-5.1 3.4-3.6 1.3-6.9.3-9.1-3.1-2.1-3.3-1-6.3 1.7-8.8 9.4-8.5 18.7-17 28.8-26.1-1.9-.2-2.9-.5-4-.4-33.5 1.3-67 1.9-100.4 4.2-14.4 1-28.7 4.5-42.8 8.1-27.9 7.1-42.5 26.2-45.7 54.1-1.6 14.3-1.7 28.7-2.3 43.1-.3 7.7-4.1 12.2-11 12.2-7 0-11.3-4.4-10.9-12.2 1-18 1.1-36.2 4.1-53.9 5.6-32.8 26.5-52.6 57.8-62.2 23.9-7.3 48.5-10.3 73.3-11.4 25.8-1.1 51.7-1.4 77.6-2 1.3 0 2.5.1 4.8.1-9.8-8.9-18.6-16.8-27.4-24.8-4.9-4.4-5.8-8.1-2.7-11.4 3.2-3.5 8-3.4 12.4.6 16.8 15.1 33.5 30.2 50.5 45.6-5.7 5.2-11.2 10.2-16.7 15.2"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。