ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- DosVault
- 公式カラー (HEX / RGB / HSL)
- #93C5FDrgb(147, 197, 253) · hsl(212, 96%, 78%)
- WCAG コントラストとファイルサイズ
- 白背景 1.8:1 · 黒背景 11:1 · 1.5 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="dosvault_svg__Layer_1" x="0" y="0" version="1.1" viewBox="0 0 512 512"><style>.dosvault_svg__st2{opacity:.8;fill:#60a5fa;enable-background:new}</style><circle cx="256" cy="256" r="240" style="fill:#2563eb"/><path d="M256 512C114.8 512 0 397.2 0 256S114.8 0 256 0s256 114.8 256 256-114.8 256-256 256m0-480C132.5 32 32 132.5 32 256s100.5 224 224 224 224-100.5 224-224S379.5 32 256 32" style="fill:#1d4ed8"/><path d="M256 460c-112.5 0-204-91.5-204-204S143.5 52 256 52s204 91.5 204 204-91.5 204-204 204m0-384c-99.2 0-180 80.8-180 180s80.8 180 180 180 180-80.8 180-180S355.2 76 256 76" class="dosvault_svg__st2"/><path d="M256 392c-75 0-136-61-136-136s61-136 136-136 136 61 136 136-61 136-136 136m0-256c-66.2 0-120 53.8-120 120s53.8 120 120 120 120-53.8 120-120-53.8-120-120-120" style="opacity:.6;fill:#93c5fd"/><circle cx="256" cy="256" r="64" style="opacity:.3;fill:#1e40af"/><path d="M160 96h32v32h-32zm160 0h32v32h-32z" style="opacity:.9;fill:#93c5fd"/><path d="M96 96h32v32H96zm288 0h32v32h-32zM96 384h32v32H96zm288 0h32v32h-32z" class="dosvault_svg__st2"/><path d="M352 224h32c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32s14.3-32 32-32" style="opacity:.9;fill:#dbeafe"/><path d="M384 240c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16m-128-16c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32" style="fill:#1e40af"/><circle cx="256" cy="256" r="16" style="fill:#dbeafe"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M160 96h32v32h-32zm160 0h32v32h-32z"/><path d="M96 96h32v32H96zm288 0h32v32h-32zM96 384h32v32H96zm288 0h32v32h-32z" style="opacity:.8"/><path d="M384 224h-32c-17.7 0-32 14.3-32 32s14.3 32 32 32h32c17.7 0 32-14.3 32-32s-14.3-32-32-32m0 48c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16"/><path d="M414.7 128H384V97.3C349 69 304.4 52 256 52s-93 17-128 45.3V128H97.3C69 163 52 207.6 52 256s17 93 45.3 128H128v30.7C163 443 207.6 460 256 460s93-17 128-45.3V384h30.7C443 349 460 304.4 460 256s-17-93-45.3-128M256 436c-99.2 0-180-80.8-180-180 0-64 33.6-120.3 84-152.2V96h13.6c24.7-12.8 52.7-20 82.4-20s57.7 7.2 82.4 20H352v7.8c50.4 31.9 84 88.2 84 152.2 0 99.2-80.8 180-180 180m-64-180c0 35.3 28.7 64 64 64s64-28.7 64-64-28.7-64-64-64-64 28.7-64 64m96 0c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32m96 32c1.4 0 2.9-.1 4.3-.3C373.9 347.5 320.1 392 256 392c-75 0-136-61-136-136s61-136 136-136c64.1 0 117.9 44.5 132.3 104.3-1.4-.2-2.8-.3-4.3-.3h-12.3c-14-50.7-60.6-88-115.7-88-66.2 0-120 53.8-120 120s53.8 120 120 120c55.1 0 101.6-37.3 115.7-88zM256 0C114.8 0 0 114.8 0 256s114.8 256 256 256 256-114.8 256-256S397.2 0 256 0m160 412.6v3.4h-3.4c-40.4 39.6-95.7 64-156.6 64s-116.2-24.4-156.6-64H96v-3.4C56.4 372.2 32 316.9 32 256S56.4 139.8 96 99.4V96h3.4c40.4-39.6 95.7-64 156.6-64s116.2 24.4 156.6 64h3.4v3.4c39.6 40.4 64 95.7 64 156.6s-24.4 116.2-64 156.6M256 240c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。