ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- ReadMeABook
- 公式カラー (HEX / RGB / HSL)
- #113263rgb(17, 50, 99) · hsl(216, 71%, 23%)
- WCAG コントラストとファイルサイズ
- 白背景 12.6:1 · 黒背景 1.6:1 · 775 B
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M475.6 384.2 284.7 503.7c-17.6 11-39.9 11-57.5 0L36.4 384.2c-10.4-6.5-16.8-18-16.8-30.3V12.2C19.6 2.7 30-3.1 38.1 1.8l202.5 123.5c9.4 5.8 21.3 5.8 30.8.1L473.9 3.8c8.1-4.9 18.4 1 18.4 10.4v339.6c0 12.4-6.3 23.8-16.7 30.4M248.1 111.8c-13.7-21.5-38-45.7-69.1-66.8C135.3 15.2 90.7.1 64.5 4zM448.9 4C422.7.2 378.1 15.3 334.3 45c-31 21.1-55.4 45.3-69.1 66.8z" style="fill:#113263"/><path d="M342.5 267.7 144.1 151.2c-14.9-8.7-33.7 2-33.7 19.3v233c0 17.3 18.8 28 33.7 19.3l198.4-116.5c14.7-8.7 14.7-30 0-38.6" style="fill:#33bbb8"/><path d="m264 304.8 29.9 22.4V112.5h-1l-21.5 12.9c-9.5 5.7-21.3 5.6-30.8-.1l-21-12.8h-1v215.4l30.8-23.1c4.4-3.2 10.3-3.2 14.6 0" style="fill:#f8392a"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M247.7 111.4 64.1 3.6c26.2-3.9 70.8 11.2 114.5 41 31.1 21.1 55.4 45.3 69.1 66.8m86.2-66.8c-31 21.1-55.4 45.3-69.1 66.8L448.5 3.6c-26.2-3.8-70.8 11.3-114.6 41m158-30.8v339.6c0 12.4-6.3 23.8-16.7 30.4L284.3 503.3c-17.6 11-39.9 11-57.5 0L36 383.8c-10.4-6.5-16.8-18-16.8-30.3V11.8c0-9.5 10.4-15.3 18.5-10.4l202.5 123.5c9.4 5.8 21.3 5.8 30.8.1L473.5 3.4c8.1-4.9 18.4 1 18.4 10.4M342.1 267.3 293.9 239V112.5h-1l-21.5 12.9c-9.5 5.7-21.3 5.6-30.8-.1l-21-12.8h-1v82.3l-74.9-44c-14.9-8.7-33.7 2-33.7 19.3v233c0 17.3 18.8 28 33.7 19.3l198.4-116.5c14.7-8.7 14.7-30 0-38.6"/><path d="m264 304.8 29.9 22.4V112.5h-1l-21.5 12.9c-9.5 5.7-21.3 5.6-30.8-.1l-21-12.8h-1v215.4l30.8-23.1c4.4-3.2 10.3-3.2 14.6 0" style="opacity:.65"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。