ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Nowly
- 公式カラー (HEX / RGB / HSL)
- #22D3EErgb(34, 211, 238) · hsl(188, 86%, 53%)
- WCAG コントラストとファイルサイズ
- 白背景 1.8:1 · 黒背景 11:1 · 1.3 KB
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512"><path fill="#22D3EE" d="M229.697.52c12.011-1.789 33.601 1.353 44.935 4.605 51.049 14.655 92.885 50.195 122.756 92.08 7.826 10.969 14.393 19.528 21.057 31.462 15.312 27.421 25.03 59.418 15.594 90.277-10.122 33.301-36.719 52.318-68.078 66.098-11.382 5.001-44.984 15.351-49.279 27.726-2.164 12.355 16.64 9.284 22.832 8.18 41.919-7.482 82.944-55.654 126.409-48.12 36.866 6.388 51.813 51.361 44.108 82.969-8.502 34.882-31.432 61.046-61.993 80.365-18.712 11.435-39.789 18.752-61.736 21.437-51.209 5.916-94.913-11.337-134.644-41.86-26.08-20.035-49.451-47.822-30.362-80.959 12.671-21.291 39.507-35.972 63.132-44.86 34.492-12.978 63.574-37.359 37.999-74.285-17.696-23.993-48.209-31.451-76.027-37.86-44.772-10.316-106.746-24.911-113.095-78.058-2.613-21.873 7.3-45.22 21.577-61.834C173.738 15.938 200.509 3.19 229.697.52"/><path fill="#22D3EE" d="M123.653 155.733c31.35-1.035 48.291 23.376 54.987 50.003 11.459 45.567-10.031 87.976.212 133.496 8.238 36.618 30.72 59.904 50.314 90.72 7.598 12.511 13.985 30.367 9.033 44.968-15.269 45.016-72.44 40.43-108.881 30.476-27.15-7.274-55.908-21.611-77.577-39.274-30.206-24.621-47.8-51.318-51.073-90.616-5.369-64.443 22.15-135.125 64.07-184.612 14.417-17.018 35.532-33.405 58.915-35.161"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512"><path fill="#FFF" d="M229.697.52c12.011-1.789 33.601 1.353 44.935 4.605 51.049 14.655 92.885 50.195 122.756 92.08 7.826 10.969 14.393 19.528 21.057 31.462 15.312 27.421 25.03 59.418 15.594 90.277-10.122 33.301-36.719 52.318-68.078 66.098-11.382 5.001-44.984 15.351-49.279 27.726-2.164 12.355 16.64 9.284 22.832 8.18 41.919-7.482 82.944-55.654 126.409-48.12 36.866 6.388 51.813 51.361 44.108 82.969-8.502 34.882-31.432 61.046-61.993 80.365-18.712 11.435-39.789 18.752-61.736 21.437-51.209 5.916-94.913-11.337-134.644-41.86-26.08-20.035-49.451-47.822-30.362-80.959 12.671-21.291 39.507-35.972 63.132-44.86 34.492-12.978 63.574-37.359 37.999-74.285-17.696-23.993-48.209-31.451-76.027-37.86-44.772-10.316-106.746-24.911-113.095-78.058-2.613-21.873 7.3-45.22 21.577-61.834C173.738 15.938 200.509 3.19 229.697.52"/><path fill="#FFF" d="M123.653 155.733c31.35-1.035 48.291 23.376 54.987 50.003 11.459 45.567-10.031 87.976.212 133.496 8.238 36.618 30.72 59.904 50.314 90.72 7.598 12.511 13.985 30.367 9.033 44.968-15.269 45.016-72.44 40.43-108.881 30.476-27.15-7.274-55.908-21.611-77.577-39.274-30.206-24.621-47.8-51.318-51.073-90.616-5.369-64.443 22.15-135.125 64.07-184.612 14.417-17.018 35.532-33.405 58.915-35.161"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。