ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- cooklang-chef
- 公式カラー (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG コントラストとファイルサイズ
- 白背景 3.7:1 · 黒背景 5.4:1 · 835 B
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M407.2 508H104.9c-13.9 0-25.2-11.3-25.2-25.2v-161c-24.3-9.6-45-26.4-59.4-48.8C2 244.8-4.2 211.1 2.9 178.2c12.5-58.4 64.5-99.3 122.7-99.5 6.5-11 14.3-21.2 23.4-30.3 58.9-59.1 154.8-59.2 213.8-.3q13.95 14.1 23.7 30.6c26.9 0 53.1 8.7 75 25.1 26.9 20.2 44.4 49.6 49.2 82.9 8.4 58.3-25.1 114-78.3 135.1v161c0 13.9-11.3 25.2-25.2 25.2m-277.1-50.4H382v-50.4H130.1zm0-100.7H382v-53.7c0-11.9 8.3-22.1 19.9-24.6 38.7-8.3 64.6-45.5 59-84.7-2.9-20-13.4-37.6-29.5-49.7-16.2-12.1-36-17.1-56-14.3-11.2 1.6-22.1-4.4-26.6-14.8-5.1-11.7-12.3-22.2-21.3-31.2-39.5-39.4-103.4-39.3-142.7 0-8.9 9-16.1 19.5-21.2 31.2-4.6 10.4-15.4 16.4-26.7 14.8-39.1-5.7-76.3 20.3-84.7 58.9-4.2 19.7-.5 39.9 10.4 56.9 11 17 27.9 28.6 47.6 32.9 11.6 2.5 19.9 12.8 19.9 24.6z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M407.2 508H104.9c-13.9 0-25.2-11.3-25.2-25.2v-161c-24.3-9.6-45-26.4-59.4-48.8C2 244.8-4.2 211.1 2.9 178.2c12.5-58.4 64.5-99.3 122.7-99.5 6.5-11 14.3-21.2 23.4-30.3 58.9-59.1 154.8-59.2 213.8-.3q13.95 14.1 23.7 30.6c26.9 0 53.1 8.7 75 25.1 26.9 20.2 44.4 49.6 49.2 82.9 8.4 58.3-25.1 114-78.3 135.1v161c0 13.9-11.3 25.2-25.2 25.2m-277.1-50.4H382v-50.4H130.1zm0-100.7H382v-53.7c0-11.9 8.3-22.1 19.9-24.6 38.7-8.3 64.6-45.5 59-84.7-2.9-20-13.4-37.6-29.5-49.7-16.2-12.1-36-17.1-56-14.3-11.2 1.6-22.1-4.4-26.6-14.8-5.1-11.7-12.3-22.2-21.3-31.2-39.5-39.4-103.4-39.3-142.7 0-8.9 9-16.1 19.5-21.2 31.2-4.6 10.4-15.4 16.4-26.7 14.8-39.1-5.7-76.3 20.3-84.7 58.9-4.2 19.7-.5 39.9 10.4 56.9 11 17 27.9 28.6 47.6 32.9 11.6 2.5 19.9 12.8 19.9 24.6z"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。