ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Karrot
- 公式カラー (HEX / RGB / HSL)
- #FCCB3Frgb(252, 203, 63) · hsl(44, 97%, 62%)
- WCAG コントラストとファイルサイズ
- 白背景 1.5:1 · 黒背景 13:1 · 2.0 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M457.5 310.5C457.5 421.8 367.3 512 256 512S54.5 421.8 54.5 310.5 144.7 109 256 109s201.5 90.2 201.5 201.5" style="fill:#fccb3f"/><path d="m312.8 178.9-106.7 15.5 1.7 10.3 99.1 10.2zm-10.6 64.3-86.8 7.6 2.2 13.4 80.8 1.9zm-11.5 69.5 1.4-8.4-70-13.1 5.1 30.9zm-1.4 8.2-60.9 8.9 3.7 22.5 55.3-20.4zm-3.3 20-52.5 19.4 1.6 9.8 45.4 4.4zm-6.8 41.4-42.7-4.1 3.3 20.1 37.9-6.6zm-2.9 17.6-35.2 6.2 4.5 27.5 27.6-14.8zm-22 86.3c.7 3.5 7.1 3.5 7.7 0l3.9-23.8-16-2.6zm17.2-57.5L247 441.9l1.6 9.7 18.7 3zm25.6-154.8-78.2-1.8 1.8 10.7 72.7 13.6zm8.4-51.2-96.4-10 5 30.1 89.4-7.8zm-7.5-67.9h-79.7c-8.8 0-16 7.6-16 16.9l2.5 14.9L314 170.7c-.5-8.9-7.5-15.9-16-15.9" style="fill:#e96946"/><path d="M249 44.7c-.5 1.7-2.1 2.8-3.8 2.8-.4 0-.8-.1-1.2-.2l-19.8-6.1c21.4 39.5 22.3 99.6 22.3 102.3 0 2.2-1.7 4-3.9 4s-3.9-1.8-4-3.9c0-.7-.9-62-22-99.7l-7.3 24.2c-.6 2.1-2.9 3.3-5 2.7s-3.3-2.9-2.7-5l9.9-32.6v-.1c.1-.2.2-.4.2-.6 0-.1.1-.1.1-.2.1-.2.2-.3.3-.4l.1-.1c.1-.2.3-.3.5-.5.1 0 .1-.1.2-.1.1-.1.3-.2.4-.3.1 0 .1-.1.2-.1l.6-.3h.1c.2 0 .3-.1.5-.1h1c.2 0 .5.1.7.1l29.9 9.2c2.2.7 3.4 3 2.7 5m45-33.1 4.2 37c.2 2 2 3.5 3.9 3.5h.5c2.2-.3 3.7-2.2 3.5-4.4L301 3.5v-.2c0-.2-.1-.3-.1-.5 0-.1-.1-.2-.1-.3s0-.2-.1-.2c0-.1-.1-.1-.1-.2s-.1-.2-.1-.2c-.1-.2-.2-.3-.3-.4 0-.1-.1-.1-.1-.2-.1-.2-.3-.3-.4-.4 0 0-.1 0-.1-.1-.4-.3-.8-.5-1.3-.7h-.2c-.2 0-.4-.1-.6-.1h-1.3l-50.1 10.6c-2.1.5-3.5 2.6-3.1 4.7.5 2.1 2.6 3.5 4.7 3.1l35.8-7.6c-15.9 17.8-26.2 45.4-28.3 77.1-1.9 28.7-1.2 55.5-1.2 55.7.1 2.2 1.8 3.9 4 3.9h.1c2.2-.1 3.9-1.9 3.9-4.1 0-.3-.7-26.7 1.2-55 2.2-32.8 13.5-60.9 30.8-76.8m27.2 58.7s-.1 0-.1-.1c-.1 0-.2-.1-.2-.1l-22.8-9.7c-2-.9-4.4.1-5.2 2.1-.9 2 .1 4.4 2.1 5.2l12.5 5.3c-15.8 6.3-27.1 19.2-33.1 37.9-5.4 16.8-4.5 32.2-4.5 32.9.1 2.1 1.9 3.7 4 3.7h.2c2.2-.1 3.9-2 3.7-4.2 0-.1-.8-14.8 4.2-30.2 5.7-17.6 16.2-28.9 31.4-33.8L309 94.5c-.6 2.1.6 4.3 2.7 4.9.4.1.8.2 1.1.2 1.7 0 3.3-1.1 3.8-2.8l6.4-21.4c.8-2 0-4.1-1.8-5.1" style="fill:#89af38"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M457.5 310.5C457.5 421.8 367.3 512 256 512S54.5 421.8 54.5 310.5c0-101.6 75.1-185.6 172.9-199.5 2.5 18.4 2.7 32.4 2.7 32.7 0 .9.1 1.7.3 2.5h-12c-13.5 0-24.5 11.4-24.5 25.4v.7l32.4 196.4 19.6 118.8v.2c1.1 5.6 6.1 9.5 12.2 9.5s11.1-3.9 12.2-9.5l5.4-32.4 7-42.3 3.9-23.5 1-5.8 12-72.9 2.2-13.4 19.7-119.3 1.3-.2-.3-5.9.5-3.3-.7.1c-1.3-12.8-11.8-22.7-24.3-22.7h-11.9c.2-1.1.3-2.2.3-3.4 0-.1-.6-13.4 3.8-27.1.4-1.3.9-2.5 1.3-3.7 94.4 17 166 99.4 166 198.6m-150.7-95.6-99.1-10.2-1.7-10.3 106.7-15.5zm-8.4 51.1-80.8-1.9-2.2-13.4 86.8-7.6zm-71.2 56-5.1-30.9 70 13.1-1.4 8.4zm60.3 9.9-55.3 20.4-3.7-22.5 60.9-8.9zm-7 42.6-45.4-4.4-1.6-9.8 52.5-19.4zm-2.9 17.1-37.9 6.6-3.3-20.1 42.7 4.1zm-4.5 27.2-27.6 14.8-4.5-27.5 35.2-6.2zm-23.2 41 16 2.6-3.9 23.8c-.7 3.5-7.1 3.5-7.7 0zm17.3-5.3-18.7-3-1.6-9.7 24.6-13.2zm26.2-158.1-72.7-13.6-1.8-10.7 78.2 1.8zm10.1-61.3-89.4 7.8-5-30.1 96.4 10zm-5.5-80.3c8.5 0 15.5 7.1 16 15.9l-109.2 15.9-2.5-14.9c0-9.3 7.2-16.9 16-16.9zm-51.6-115-29.9-9.2c-.2-.1-.5-.1-.7-.1h-1c-.2 0-.3.1-.5.1h-.1l-.6.3c-.1 0-.1.1-.2.1-.1.1-.3.2-.4.3-.1 0-.1.1-.2.1-.2.1-.3.3-.5.5l-.1.1c-.1.1-.2.3-.3.4 0 .1-.1.1-.1.2-.1.2-.2.4-.2.6v.1l-9.9 32.6c-.6 2.1.6 4.3 2.7 5 2.1.6 4.3-.6 5-2.7l7.3-24.2c21 37.8 21.9 99.1 22 99.7 0 2.2 1.8 3.9 4 3.9s4-1.8 3.9-4c0-2.7-.9-62.8-22.3-102.3l19.8 6.1c.4.1.8.2 1.2.2 1.7 0 3.3-1.1 3.8-2.8.6-2.1-.6-4.4-2.7-5m16.8 48.7c-1.8 28.4-1.2 54.8-1.2 55 .1 2.2-1.7 4-3.9 4.1h-.1c-2.1 0-3.9-1.7-4-3.9 0-.3-.7-27 1.2-55.7 2.1-31.7 12.4-59.3 28.3-77.1l-35.8 7.6c-2.2.5-4.3-.9-4.7-3.1-.5-2.1.9-4.3 3.1-4.7L296.2.1h1.3c.2 0 .4.1.6.1h.2c.5.1.9.4 1.3.7 0 0 .1 0 .1.1.2.1.3.3.4.4 0 0 .1.1.1.2.1.1.2.3.3.4 0 .1.1.2.1.2 0 .1.1.1.1.2s.1.2.1.2c0 .1.1.2.1.3.1.2.1.3.1.5v.2l5.1 44.2c.3 2.2-1.3 4.1-3.5 4.4h-.5c-2 0-3.7-1.5-3.9-3.5l-4.2-37c-17.3 15.8-28.6 43.9-30.8 76.8M323 75.3l-6.4 21.4c-.5 1.7-2.1 2.8-3.8 2.8-.4 0-.8-.1-1.1-.2-2.1-.6-3.3-2.8-2.7-4.9l4.5-15.1c-15.2 4.9-25.8 16.3-31.4 33.8-5 15.4-4.2 30-4.2 30.2.1 2.2-1.5 4.1-3.7 4.2h-.2c-2.1 0-3.8-1.6-4-3.7 0-.6-.9-16.1 4.5-32.9 6-18.7 17.3-31.6 33.1-37.9L295 67.7c-2-.9-3-3.2-2.1-5.2s3.2-3 5.2-2.1l22.8 9.7c.1 0 .2.1.2.1s.1 0 .1.1c1.8 1 2.6 3.1 1.8 5"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。