ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- ArrMatey
- 公式カラー (HEX / RGB / HSL)
- #58BF75rgb(88, 191, 117) · hsl(137, 45%, 55%)
- WCAG コントラストとファイルサイズ
- 白背景 2.3:1 · 黒背景 8.6:1 · 815 B
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M410.1 512H101.9C45.6 512 0 466.4 0 410.1V101.9C0 45.6 45.6 0 101.9 0h308.2C466.4 0 512 45.6 512 101.9v308.2c0 56.3-45.6 101.9-101.9 101.9" style="fill:#58bf75"/><path d="M316.3 183.6c-8.9 0-16.1 7.2-16.1 16.1s7.2 16.1 16.1 16.1 16.1-7.2 16.1-16.1-7.2-16.1-16.1-16.1m0-44.2c-33.3 0-60.3 27.1-60.3 60.3s27.1 60.3 60.3 60.3 60.3-27.1 60.3-60.3-27-60.3-60.3-60.3m0 96.5c-20 0-36.2-16.2-36.2-36.2s16.2-36.2 36.2-36.2 36.2 16.2 36.2 36.2-16.2 36.2-36.2 36.2M215.8 99.8c-67.5 6.1-120.6 63-120.6 132.1V244h49.1c5.3 37.1 34.9 66.5 72.1 71.6 5.7 54.6 51.9 97.3 108 97.3h92.5V99.2zm0 191.2c-23.6-4.8-42.2-23.4-47-47h47zm0-71.2H120c5.6-50.2 45.6-90.2 95.8-95.8zm176.9 168.9h-68.3c-46.6 0-84.4-37.9-84.4-84.4v-181h152.8v265.4z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M215.8 124v95.8H120c5.5-50.2 45.6-90.2 95.8-95.8m64.3 75.7c0-20 16.2-36.2 36.2-36.2s36.2 16.2 36.2 36.2-16.2 36.2-36.2 36.2-36.2-16.2-36.2-36.2m20.1 0c0 8.9 7.2 16.1 16.1 16.1s16.1-7.2 16.1-16.1-7.2-16.1-16.1-16.1-16.1 7.2-16.1 16.1m-60.3 104.5V123.3h152.8v265.4h-68.3c-46.6 0-84.5-37.9-84.5-84.5M256 199.7c0 33.3 27.1 60.3 60.3 60.3s60.3-27.1 60.3-60.3-27.1-60.3-60.3-60.3-60.3 27.1-60.3 60.3m256-97.8v308.2c0 56.3-45.6 101.9-101.9 101.9H101.9C45.6 512 0 466.4 0 410.1V101.9C0 45.6 45.6 0 101.9 0h308.2C466.4 0 512 45.6 512 101.9m-95.2-2.7-201 .6c-67.5 6.1-120.6 63-120.6 132.1V244h49.1c5.3 37.1 34.9 66.5 72.1 71.6 5.7 54.6 51.9 97.3 108 97.3h92.5V99.2zM215.8 291v-47h-47c4.8 23.5 23.4 42.2 47 47"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。