ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Layers (layers_light)
- 公式カラー (HEX / RGB / HSL)
- #111827rgb(17, 24, 39) · hsl(221, 39%, 11%)
- WCAG コントラストとファイルサイズ
- 白背景 17.7:1 · 黒背景 1.1:1 · 814 B
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="none" viewBox="0 0 32 33"><path fill="#111827" fill-opacity="0.2" d="M0 18.83L.08 6.832C.094 4.66 1.613 2.798 3.71 2.383L15.297.086c2.784-.552 5.368 1.627 5.35 4.51l-.08 12c-.015 2.171-1.534 4.032-3.631 4.448L5.349 23.341C2.565 23.893-.019 21.714 0 18.83z"/><path fill="#111827" fill-opacity="0.5" d="M5.677 23.617l.08-12C5.77 9.447 7.29 7.586 9.387 7.17l11.587-2.296c2.784-.552 5.368 1.626 5.349 4.51l-.08 12c-.014 2.171-1.533 4.032-3.63 4.448l-11.587 2.297c-2.784.551-5.368-1.627-5.349-4.51z"/><path fill="#111827" fill-opacity="0.8" d="M11.354 28.404l.08-12c.014-2.172 1.533-4.032 3.63-4.448l11.587-2.297c2.784-.552 5.368 1.627 5.349 4.51l-.08 12c-.014 2.172-1.533 4.033-3.63 4.448l-11.587 2.297c-2.784.552-5.368-1.627-5.35-4.51z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="none" viewBox="0 0 32 33"><path fill="#ffff" fill-opacity="0.2" d="M0 18.83L.08 6.832C.094 4.66 1.613 2.798 3.71 2.383L15.297.086c2.784-.552 5.368 1.627 5.35 4.51l-.08 12c-.015 2.171-1.534 4.032-3.631 4.448L5.349 23.341C2.565 23.893-.019 21.714 0 18.83z"/><path fill="#ffff" fill-opacity="0.5" d="M5.677 23.617l.08-12C5.77 9.447 7.29 7.586 9.387 7.17l11.587-2.296c2.784-.552 5.368 1.626 5.349 4.51l-.08 12c-.014 2.171-1.533 4.032-3.63 4.448l-11.587 2.297c-2.784.551-5.368-1.627-5.349-4.51z"/><path fill="#ffff" fill-opacity="0.8" d="M11.354 28.404l.08-12c.014-2.172 1.533-4.032 3.63-4.448l11.587-2.297c2.784-.552 5.368 1.627 5.349 4.51l-.08 12c-.014 2.172-1.533 4.033-3.63 4.448l-11.587 2.297c-2.784.552-5.368-1.627-5.35-4.51z"/></svg>
使用上の注意
- 元の 32:33 の縦横比(viewBox "0 0 32 33")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。