ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Onyka
- 公式カラー (HEX / RGB / HSL)
- #F2B24Argb(242, 178, 74) · hsl(37, 87%, 62%)
- WCAG コントラストとファイルサイズ
- 白背景 1.9:1 · 黒背景 10.6:1 · 729 B
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><radialGradient id="onyka_svg__a" cx="112.324" cy="536.785" r="1.331" gradientTransform="matrix(0 228.342 228.342 0 -122314.648 -25440.303)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#f2b24a"/><stop offset=".55" style="stop-color:#e08a1e"/><stop offset="1" style="stop-color:#9c560d"/></radialGradient><path d="M256 0c30.7 177.5 78.4 225.3 255.7 256-177.3 30.7-225 78.5-255.7 256C225.3 334.5 177.6 286.7.3 256c177.3-30.7 225-78.5 255.7-256m-.2 184.1c-39.6 0-71.6 32.1-71.6 71.7s32.1 71.7 71.6 71.7c39.6 0 71.6-32.1 71.6-71.7s-32.1-71.7-71.6-71.7" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#onyka_svg__a)"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><radialGradient id="onyka-dark_svg__a" cx="112.324" cy="536.785" r="1.331" gradientTransform="matrix(0 228.342 228.342 0 -122314.648 -25440.303)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000;stop-opacity:.5"/><stop offset=".421" style="stop-color:#000;stop-opacity:.75"/><stop offset="1" style="stop-color:#000"/></radialGradient><path d="M256 0c30.7 177.5 78.4 225.3 255.7 256-177.3 30.7-225 78.5-255.7 256C225.3 334.5 177.6 286.7.3 256c177.3-30.7 225-78.5 255.7-256m-.2 184.1c-39.6 0-71.6 32.1-71.6 71.7s32.1 71.7 71.6 71.7c39.6 0 71.6-32.1 71.6-71.7s-32.1-71.7-71.6-71.7" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#onyka-dark_svg__a)"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。