ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Swiish
- 公式カラー (HEX / RGB / HSL)
- #5B21B6rgb(91, 33, 182) · hsl(263, 69%, 42%)
- WCAG コントラストとファイルサイズ
- 白背景 9:1 · 黒背景 2.2:1 · 959 B
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="swiish_svg__a" x1="92.48" x2="428.538" y1="458.072" y2="79.034" gradientTransform="matrix(1 0 0 -1 0 513.45)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5b21b6"/><stop offset=".83" style="stop-color:#86198f"/></linearGradient><path d="M460.8 165.4h-77.1v-35.1c0-28.2-23.1-51.2-51.2-51.2H8.5c-4.7 0-8.5 3.8-8.5 8.5v169.3c0 28.2 23.1 51.2 51.2 51.2h46.2c4 0 7.2-3.2 7.2-7.2V199.6c0-18.9 15.3-34.1 34.1-34.1h21.4c4.7 0 8.5 3.8 8.5 8.5v11c0 4.7-3.8 8.5-8.5 8.5h-11.8c-4.7 0-8.5 3.8-8.5 8.5v99c0 4 3.2 7.2 7.2 7.2h185.4c28.2 0 51.2-23.1 51.2-51.2v-57.4h77.1c9.4 0 17.1 7.7 17.1 17.1v165c0 9.4-7.7 17.1-17.1 17.1H156.5c-9.4 0-17.1-7.7-17.1-17.1v-8.8c0-4.7-3.8-8.5-8.5-8.5h-17.1c-4.7 0-8.5 3.8-8.5 8.5v8.8c0 28.2 23.1 51.2 51.2 51.2h304.3c28.2 0 51.2-23.1 51.2-51.2v-165c0-28.2-23.1-51.3-51.2-51.3" style="fill:url(#swiish_svg__a)"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="swiish-dark_svg__a" x1="92.48" x2="428.538" y1="458.072" y2="79.034" gradientTransform="matrix(1 0 0 -1 0 513.45)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000"/><stop offset=".836" style="stop-color:#000;stop-opacity:.6"/></linearGradient><path d="M460.8 165.4h-77.1v-35.1c0-28.2-23.1-51.2-51.2-51.2H8.5c-4.7 0-8.5 3.8-8.5 8.5v169.3c0 28.2 23.1 51.2 51.2 51.2h46.2c4 0 7.2-3.2 7.2-7.2V199.6c0-18.9 15.3-34.1 34.1-34.1h21.4c4.7 0 8.5 3.8 8.5 8.5v11c0 4.7-3.8 8.5-8.5 8.5h-11.8c-4.7 0-8.5 3.8-8.5 8.5v99c0 4 3.2 7.2 7.2 7.2h185.4c28.2 0 51.2-23.1 51.2-51.2v-57.4h77.1c9.4 0 17.1 7.7 17.1 17.1v165c0 9.4-7.7 17.1-17.1 17.1H156.5c-9.4 0-17.1-7.7-17.1-17.1v-8.8c0-4.7-3.8-8.5-8.5-8.5h-17.1c-4.7 0-8.5 3.8-8.5 8.5v8.8c0 28.2 23.1 51.2 51.2 51.2h304.3c28.2 0 51.2-23.1 51.2-51.2v-165c0-28.2-23.1-51.3-51.2-51.3" style="fill:url(#swiish-dark_svg__a)"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。