ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Depot (depot-light)
- 公式カラー (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG コントラストとファイルサイズ
- 白背景 3.7:1 · 黒背景 5.4:1 · 1.1 KB
<svg xmlns="http://www.w3.org/2000/svg" width="210" height="210" fill="none" viewBox="0 0 210 210"><path fill="#080808" d="M210 180h-60c-7.29 0-13.77 3.47-17.885 8.845a.2.2 0 0 1-.045.065q-.106.135-.205.27l-.025.015c-8.07 10.635-20.09 18.11-33.89 20.205-2.59.395-5.245.6-7.95.6H0v-30h75c2.705 0 5.36-.205 7.95-.6 13.8-2.095 25.82-9.57 33.89-20.205l.025-.015q.099-.135.205-.27a.2.2 0 0 0 .045-.065C121.23 153.47 127.71 150 135 150h75zM70 120c11.105 0 20.8 6.035 25.985 15-5.185 8.965-14.88 15-25.985 15H0v-30zm20-60c2.705 0 5.36.205 7.95.6 13.8 2.095 25.82 9.57 33.89 20.205l.025.015q.099.135.205.27.03.029.045.065C136.23 86.53 142.71 90 150 90h60v30h-75c-7.29 0-13.77-3.47-17.885-8.845a.2.2 0 0 0-.045-.065 10 10 0 0 1-.205-.27l-.025-.015c-8.07-10.635-20.09-18.11-33.89-20.205A53 53 0 0 0 75 90H0V60zm30-60c2.705 0 5.36.205 7.95.6 13.8 2.095 25.82 9.57 33.89 20.205l.025.015q.099.135.205.27.03.029.045.065C166.23 26.53 172.71 30 180 30h30v30h-45c-7.29 0-13.77-3.47-17.885-8.845a.2.2 0 0 0-.045-.065q-.106-.135-.205-.27l-.025-.015c-8.07-10.635-20.09-18.11-33.89-20.205-2.59-.395-5.245-.6-7.95-.6H0V0z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="210" height="210" fill="none" viewBox="0 0 210 210"><path fill="#eaecf0" d="M210 150.5V180h-60c-7.29 0-13.77 3.47-17.885 8.845a.2.2 0 0 1-.045.065q-.106.135-.205.27l-.025.015c-8.07 10.635-20.09 18.11-33.89 20.205-2.59.395-5.245.6-7.95.6H0v-29.5h75c2.73 0 5.41-.207 8.025-.606l.652-.103c13.625-2.243 25.481-9.689 33.499-20.213l.032-.018.063-.087q.083-.115.182-.242a.7.7 0 0 0 .082-.112c4.025-5.24 10.351-8.619 17.465-8.619zm-139.404-30c10.815 0 20.27 5.822 25.404 14.5-5.134 8.678-14.589 14.5-25.404 14.5H0v-29zM90 60.5c2.68 0 5.31.203 7.875.594l.64.102c13.398 2.206 25.057 9.541 32.926 19.911l.061.081.026.015.144.19.005.011.041.055C135.924 86.95 142.548 90.5 150 90.5h60v29h-75c-7.114 0-13.44-3.379-17.465-8.62a1 1 0 0 0-.082-.112 7 7 0 0 1-.182-.241l-.063-.087-.032-.018c-8.018-10.524-19.874-17.97-33.499-20.213l-.652-.103A53 53 0 0 0 75 89.5H0v-29zM120 0c2.705 0 5.36.205 7.95.6 13.8 2.095 25.82 9.57 33.89 20.205l.025.015q.099.135.205.27.03.029.045.065C166.23 26.53 172.71 30 180 30h30v29.5h-45c-7.114 0-13.44-3.38-17.465-8.62a.7.7 0 0 0-.082-.112 7 7 0 0 1-.182-.241l-.063-.087-.032-.018c-8.018-10.524-19.874-17.97-33.499-20.213l-.652-.103A53 53 0 0 0 105 29.5H0V0z"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 210 210")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。