ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Easy AI (easy-ai)
- 公式カラー (HEX / RGB / HSL)
- #773A92rgb(119, 58, 146) · hsl(282, 43%, 40%)
- WCAG コントラストとファイルサイズ
- 白背景 7.5:1 · 黒背景 2.6:1 · 2.5 KB
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><title>Easy AI</title><defs><linearGradient id="a" x1=".1" x2="520.7" y1=".1" y2="502.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ab5fa6"/><stop offset=".08" stop-color="#a95da4"/><stop offset=".25" stop-color="#9a509f"/><stop offset=".4" stop-color="#834299"/><stop offset=".48" stop-color="#773a92"/><stop offset=".64" stop-color="#68338b"/><stop offset=".74" stop-color="#5f2d83"/><stop offset="1" stop-color="#4a2b76"/></linearGradient><linearGradient id="b" x1="0" x2="0" y1="0" y2="512" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#d660a5"/><stop offset=".26" stop-color="#d670ac"/><stop offset=".35" stop-color="#d681ae"/><stop offset=".46" stop-color="#d89bad"/><stop offset=".5" stop-color="#daa8ab"/><stop offset=".71" stop-color="#eacf9d"/><stop offset=".82" stop-color="#f1e093"/><stop offset=".86" stop-color="#f2e491"/></linearGradient><linearGradient id="c" x1="0" x2="512" y1="0" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#98db9a" stop-opacity=".82"/><stop offset=".17" stop-color="#8de49a" stop-opacity=".62"/><stop offset=".19" stop-color="#92e09d" stop-opacity=".6"/><stop offset=".22" stop-color="#a7cea3" stop-opacity=".71"/><stop offset=".23" stop-color="#adc9a5" stop-opacity=".73"/><stop offset=".25" stop-color="#b0c6a7" stop-opacity=".73"/><stop offset=".28" stop-color="#b4c1a9" stop-opacity=".68"/><stop offset=".37" stop-color="#b6bbab" stop-opacity=".37"/><stop offset=".44" stop-color="#a5baaf" stop-opacity=".09"/><stop offset=".47" stop-color="#94b8b2" stop-opacity=".02"/><stop offset=".5" stop-color="#ffb69f" stop-opacity="0"/><stop offset=".55" stop-color="#ffb9a1" stop-opacity=".05"/><stop offset=".68" stop-color="#fdc5a0" stop-opacity=".42"/><stop offset=".71" stop-color="#fecb9e" stop-opacity=".51"/><stop offset=".76" stop-color="#fccf9c" stop-opacity=".71"/><stop offset=".79" stop-color="#fcd09b" stop-opacity=".82"/><stop offset=".82" stop-color="#fcd29a" stop-opacity=".91"/><stop offset=".85" stop-color="#fcd399" stop-opacity=".97"/></linearGradient></defs><rect width="512" height="512" fill="url(#a)" rx="128"/><path fill="url(#b)" d="M256 60.73c25.72 103.19 100.29 173.07 203.91 195.51C356.29 278.68 281.72 348.56 256 451.75 230.28 348.56 155.71 278.68 52.09 256.24 155.71 233.8 230.28 163.92 256 60.73"/><path fill="url(#c)" d="M256 60.73c25.72 103.19 100.29 173.07 203.91 195.51C356.29 278.68 281.72 348.56 256 451.75 230.28 348.56 155.71 278.68 52.09 256.24 155.71 233.8 230.28 163.92 256 60.73"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><title>Easy AI</title><defs><linearGradient id="a" x1=".1" x2="520.7" y1=".1" y2="502.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ab5fa6"/><stop offset=".08" stop-color="#a95da4"/><stop offset=".25" stop-color="#9a509f"/><stop offset=".4" stop-color="#834299"/><stop offset=".48" stop-color="#773a92"/><stop offset=".64" stop-color="#68338b"/><stop offset=".74" stop-color="#5f2d83"/><stop offset="1" stop-color="#4a2b76"/></linearGradient><linearGradient id="b" x1="0" x2="0" y1="0" y2="512" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#d660a5"/><stop offset=".26" stop-color="#d670ac"/><stop offset=".35" stop-color="#d681ae"/><stop offset=".46" stop-color="#d89bad"/><stop offset=".5" stop-color="#daa8ab"/><stop offset=".71" stop-color="#eacf9d"/><stop offset=".82" stop-color="#f1e093"/><stop offset=".86" stop-color="#f2e491"/></linearGradient><linearGradient id="c" x1="0" x2="512" y1="0" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#98db9a" stop-opacity=".82"/><stop offset=".17" stop-color="#8de49a" stop-opacity=".62"/><stop offset=".19" stop-color="#92e09d" stop-opacity=".6"/><stop offset=".22" stop-color="#a7cea3" stop-opacity=".71"/><stop offset=".23" stop-color="#adc9a5" stop-opacity=".73"/><stop offset=".25" stop-color="#b0c6a7" stop-opacity=".73"/><stop offset=".28" stop-color="#b4c1a9" stop-opacity=".68"/><stop offset=".37" stop-color="#b6bbab" stop-opacity=".37"/><stop offset=".44" stop-color="#a5baaf" stop-opacity=".09"/><stop offset=".47" stop-color="#94b8b2" stop-opacity=".02"/><stop offset=".5" stop-color="#ffb69f" stop-opacity="0"/><stop offset=".55" stop-color="#ffb9a1" stop-opacity=".05"/><stop offset=".68" stop-color="#fdc5a0" stop-opacity=".42"/><stop offset=".71" stop-color="#fecb9e" stop-opacity=".51"/><stop offset=".76" stop-color="#fccf9c" stop-opacity=".71"/><stop offset=".79" stop-color="#fcd09b" stop-opacity=".82"/><stop offset=".82" stop-color="#fcd29a" stop-opacity=".91"/><stop offset=".85" stop-color="#fcd399" stop-opacity=".97"/></linearGradient></defs><rect width="512" height="512" fill="url(#a)" rx="128"/><path fill="url(#b)" d="M256 60.73c25.72 103.19 100.29 173.07 203.91 195.51C356.29 278.68 281.72 348.56 256 451.75 230.28 348.56 155.71 278.68 52.09 256.24 155.71 233.8 230.28 163.92 256 60.73"/><path fill="url(#c)" d="M256 60.73c25.72 103.19 100.29 173.07 203.91 195.51C356.29 278.68 281.72 348.56 256 451.75 230.28 348.56 155.71 278.68 52.09 256.24 155.71 233.8 230.28 163.92 256 60.73"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。