ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Journiv
- 公式カラー (HEX / RGB / HSL)
- #0A7AFFrgb(10, 122, 255) · hsl(213, 100%, 52%)
- WCAG コントラストとファイルサイズ
- 白背景 4:1 · 黒背景 4.9:1 · 1.9 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><circle cx="256" cy="256" r="256" style="fill:#0a7aff"/><path d="M183.9 238.1c-3.9-2.3-8.4-3.4-13.5-3.4-5 0-9.4 1.1-13.3 3.4s-6.9 5.4-9.1 9.4-3.3 8.7-3.3 14c0 5.2 1.1 9.9 3.2 13.9s5.1 7.2 9 9.5 8.3 3.4 13.4 3.4 9.5-1.1 13.4-3.4 6.9-5.4 9.1-9.4 3.3-8.7 3.3-13.9-1.1-9.9-3.2-13.9q-3.15-6.15-9-9.6m-4.2 34.1c-2 2.8-5.1 4.2-9.2 4.2-4 0-7-1.3-9-4-2.1-2.7-3.1-6.3-3.1-10.8 0-2.9.4-5.5 1.3-7.8.9-2.2 2.2-4 4-5.2 1.8-1.3 4.1-1.9 6.9-1.9 4 0 7.1 1.3 9.1 4 2.1 2.7 3.1 6.3 3.1 10.8-.1 4.3-1.1 7.9-3.1 10.7m-54.5-53h13v50.7c0 1.6-.2 3.1-.5 4.5s-.9 2.8-1.8 4.3q-2.85 4.95-7.5 7.2c-3.1 1.5-6.5 2.3-10.2 2.3-5.4 0-9.8-1.4-13.3-4.1-3.5-2.8-6-6.5-7.4-11.2l12.6-3q.45 2.55 2.7 4.5c1.5 1.3 3.2 1.9 4.9 1.9 1.2 0 2.5-.3 3.8-1s2.3-1.7 2.9-3.1c.4-.9.6-2 .7-3.3s.1-2.8.1-4.6zm110.5 16.9h12.9v50.8h-11.3v-5.2c-1.2 1.3-2.5 2.5-4.1 3.5-3.3 2.2-7.4 3.2-12.4 3.2-4 0-7.2-.7-9.7-2s-4.5-3.1-5.9-5.1c-1.4-2.1-2.4-4.2-3-6.5-.6-2.2-1-4.3-1.1-6.1s-.2-3.2-.2-4v-28.5h13v24c0 1.2.1 2.6.2 4.4q.15 2.7 1.2 5.4c.7 1.8 1.7 3.3 3.2 4.6q2.25 1.8 6.3 1.8c1.1 0 2.3-.2 3.5-.5 1.3-.3 2.4-1 3.5-2s2-2.4 2.7-4.4c.7-1.9 1.1-4.5 1.1-7.6v-25.8zm111.7 0h12.8v50.8h-12.8zm67.2 0-18.4 50.8h-12.8L365 236.1h12.8l12 35.2 12-35.2zm-127.7 0V248c-1.4-.4-3-.6-4.9-.4-1.9.1-3.5.6-5.1 1.3-1.5.7-2.8 1.6-3.8 2.7s-1.8 2.5-2.4 4c-.5 1.6-.8 3.3-.8 5.2v25.9H257v-50.8h11.3v8.2c.4-.8.9-1.5 1.4-2.2 1.1-1.4 2.4-2.6 4-3.6 1.2-.8 2.6-1.3 4-1.8 1.4-.4 2.9-.7 4.5-.8 1.7.2 3.2.2 4.7.4m74.2-13.4c0 4.1-3.3 7.4-7.4 7.4s-7.4-3.3-7.4-7.4 3.3-7.4 7.4-7.4 7.4 3.3 7.4 7.4m-22.5 31.6c.1 1.8.2 3.2.2 4v28.5h-13v-24c0-1.2-.1-2.6-.2-4.4q-.15-2.7-1.2-5.4c-.7-1.8-1.7-3.3-3.2-4.6q-2.25-1.8-6.3-1.8c-1.1 0-2.3.2-3.5.5-1.3.3-2.4 1-3.5 2s-2 2.4-2.7 4.3-1.1 4.4-1.1 7.6v25.8h-13V236h11.4v5.2c1.2-1.3 2.5-2.5 4.1-3.5 3.3-2.2 7.4-3.2 12.4-3.2 4 0 7.2.7 9.7 2s4.5 3.1 5.9 5.1c1.4 2.1 2.4 4.2 3 6.5.5 2.3.9 4.4 1 6.2" style="fill:#fff"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M179.6 250.7c2.1 2.7 3.1 6.3 3.1 10.8 0 4.4-1 7.9-3 10.7s-5.1 4.2-9.2 4.2c-4 0-7-1.3-9-4-2.1-2.7-3.1-6.3-3.1-10.8 0-2.9.4-5.5 1.3-7.8.9-2.2 2.2-4 4-5.2 1.8-1.3 4.1-1.9 6.9-1.9 3.9-.1 7 1.3 9 4M512 256c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256m-373.9-36.8h-13v45.1c0 1.7 0 3.2-.1 4.6-.1 1.3-.3 2.4-.7 3.3-.6 1.4-1.6 2.5-2.9 3.1s-2.6 1-3.8 1c-1.7 0-3.4-.6-4.9-1.9q-2.25-1.95-2.7-4.5l-12.6 3c1.5 4.7 4 8.4 7.4 11.2 3.5 2.8 7.9 4.1 13.3 4.1 3.7 0 7.1-.8 10.2-2.3q4.65-2.25 7.5-7.2c.9-1.5 1.5-3 1.8-4.3.3-1.4.5-2.9.5-4.5zm58.1 42.3c0-5.2-1.1-9.9-3.2-13.9-2.2-4-5.2-7.2-9-9.5-3.9-2.3-8.4-3.4-13.5-3.4-5 0-9.4 1.1-13.3 3.4s-6.9 5.4-9.1 9.4-3.3 8.7-3.3 14c0 5.2 1.1 9.9 3.2 13.9s5.1 7.2 9 9.5 8.3 3.4 13.4 3.4 9.5-1.1 13.4-3.4 6.9-5.4 9.1-9.4c2.2-4.1 3.3-8.8 3.3-14m52.4-25.4h-12.9v25.8c0 3.1-.4 5.7-1.1 7.6s-1.6 3.4-2.7 4.4-2.3 1.7-3.5 2c-1.3.3-2.4.5-3.5.5q-4.05 0-6.3-1.8c-1.5-1.2-2.6-2.7-3.2-4.6q-1.05-2.7-1.2-5.4c-.1-1.8-.2-3.3-.2-4.4v-24h-13v28.5c0 .8.1 2.2.2 4s.5 3.9 1.1 6.1 1.6 4.4 3 6.5 3.3 3.8 5.9 5.1c2.5 1.3 5.7 2 9.7 2 5 0 9.1-1.1 12.4-3.2 1.5-1 2.9-2.2 4.1-3.5v5.2h11.3v-50.8zm38.3 0c-1.5-.2-3.1-.2-4.6-.1s-3 .4-4.5.8c-1.4.4-2.8 1-4 1.8-1.6.9-2.9 2.1-4 3.6-.5.7-1 1.4-1.4 2.2v-8.2h-11.3V287H270v-25.9c0-1.9.3-3.7.8-5.2.5-1.6 1.3-2.9 2.4-4 1-1.1 2.3-2.1 3.8-2.7 1.5-.7 3.2-1.2 5.1-1.3s3.5 0 4.9.4v-12.2zm51.9 22.3c0-.8-.1-2.2-.2-4s-.5-3.9-1.1-6.1-1.6-4.4-3-6.5-3.3-3.8-5.9-5.1c-2.5-1.3-5.8-2-9.7-2-5 0-9.1 1.1-12.4 3.2-1.5 1-2.9 2.2-4.1 3.5v-5.2H291V287h13v-25.8c0-3.2.4-5.7 1.1-7.6s1.6-3.4 2.7-4.3c1.1-1 2.3-1.7 3.5-2 1.3-.3 2.4-.5 3.5-.5q4.05 0 6.3 1.8c1.5 1.2 2.6 2.7 3.2 4.6.7 1.8 1 3.6 1.2 5.4.1 1.8.2 3.3.2 4.4v24h13v-28.6zm21.3-22.3h-12.8v50.8h12.8zm1-13.4c0-4.1-3.3-7.4-7.4-7.4s-7.4 3.3-7.4 7.4 3.3 7.4 7.4 7.4 7.4-3.4 7.4-7.4m53.5 13.4h-12.8l-12 35.2-12-35.2H365l18.4 50.8h12.8z"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。