ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- PRONOTE
- 公式カラー (HEX / RGB / HSL)
- #008673rgb(0, 134, 115) · hsl(171, 100%, 26%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 781 B
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-selfhst="pronote"><circle cx="256" cy="256" r="256" fill="#008673"/><path d="m447 193.7-10.5-4.2c-64.9-25.5-137.6.4-168 58.5-39.5 65.8-33.9 109.5-33.9 109.5 2.9 35.5 26.7 67.2 61.8 80.9l8.2 3.3c10.6 4.2 22.4-.7 26.4-10.9l3.3-7.9c11.9-29.6 6.9-63.3-13.3-89.2-3-4-6.5-7.6-10.1-11h5.1c8.1-.4 13.4-.9 13.4-.9 54.7-5.6 101.8-39.3 121.9-89l6.3-15.8c3.7-9.2-1.2-19.5-10.8-23.3zM159.1 75.4l10.5 4.5c64.1 27.5 97.5 97.1 78.2 159.8-18.1 74.5-52.9 101.6-52.9 101.6-27 23.2-66.3 29-100.9 14.2l-7.9-3.5c-10.6-4.5-15.4-16.3-11.3-26.2l3.3-8c12.3-29.4 39.5-49.8 72.1-54 4.9-.7 10-.9 14.9-.7-1.3-1.1-2.4-2.4-3.5-3.5-5.4-6-8.9-10.1-8.9-10.1-34.9-42.4-44.5-99.5-24.1-148.9l6.6-15.8c3.8-9.1 14.6-13.1 24.2-8.9z" fill="#ffcd05"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-selfhst="pronote-dark"><path d="m0 256c0 141.4 114.6 256 256 256 67.9 0 133-27 181-75s75-113.1 75-181-27-133-75-181S323.9 0 256 0C114.6 0 0 114.6 0 256m169.6-176.1-10.5-4.5.3.5c-9.6-4.2-20.4-.2-24.2 8.9l-6.6 15.8c-20.4 49.4-10.8 106.5 24.1 148.9 0 0 3.5 4.1 8.9 10.1 1.1 1.1 2.2 2.4 3.5 3.5-4.9-.2-10 0-14.9.7-32.6 4.2-59.8 24.6-72.1 54l-3.3 8c-4.1 9.9.7 21.7 11.3 26.2l7.9 3.5c34.6 14.8 73.9 9 100.9-14.2 0 0 34.8-27.1 52.9-101.6 19.3-62.7-14.1-132.3-78.2-159.8M447 193.7l-10.5-4.2c-64.9-25.5-137.6.4-168 58.5-39.5 65.8-33.9 109.5-33.9 109.5 2.9 35.5 26.7 67.2 61.8 80.9l8.2 3.3c10.6 4.2 22.4-.7 26.4-10.9l3.3-7.9c11.9-29.6 6.9-63.3-13.3-89.2-3-4-6.5-7.6-10.1-11h5.1c8.1-.4 13.4-.9 13.4-.9 54.7-5.6 101.8-39.3 121.9-89l6.3-15.8c3.7-9.2-1.2-19.5-10.8-23.3z" fill-rule="evenodd"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。