ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Privatefolio
- 公式カラー (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG コントラストとファイルサイズ
- 白背景 3.7:1 · 黒背景 5.4:1 · 882 B
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M506.9 204.8c-3.6-17.8-9.1-34.9-16.2-51.2-8-18.3-18-35.5-29.9-51.2C446.2 83 429 65.8 409.6 51.2a256 256 0 0 0-51.2-29.9C342.1 14.2 325 8.7 307.2 5.1 290.7 1.8 273.5 0 256 0s-34.7 1.8-51.2 5.1c-17.8 3.6-34.9 9.1-51.2 16.2-18.3 8-35.5 18-51.2 29.9C83 65.8 65.8 83 51.2 102.4a256 256 0 0 0-29.9 51.2C14.2 169.9 8.7 187 5.1 204.8 1.8 221.3 0 238.5 0 256s1.8 34.7 5.1 51.2c3.6 17.8 9.1 34.9 16.2 51.2 8 18.3 18 35.5 29.9 51.2 14.6 19.4 31.8 36.6 51.2 51.2 15.7 11.8 32.9 21.9 51.2 29.9 16.3 7.1 33.4 12.6 51.2 16.2 16.5 3.4 33.7 5.1 51.2 5.1s34.7-1.8 51.2-5.1c17.8-3.6 34.9-9.1 51.2-16.2 18.3-8 35.5-18 51.2-29.9 19.4-14.6 36.6-31.8 51.2-51.2 11.8-15.7 21.9-32.9 29.9-51.2 7.1-16.3 12.6-33.4 16.2-51.2 3.4-16.5 5.1-33.7 5.1-51.2s-1.8-34.7-5.1-51.2m-173.3 0v128.8H178.4V178.4h155.1v26.4z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M506.9 204.8c-3.6-17.8-9.1-34.9-16.2-51.2-8-18.3-18-35.5-29.9-51.2C446.2 83 429 65.8 409.6 51.2a256 256 0 0 0-51.2-29.9C342.1 14.2 325 8.7 307.2 5.1 290.7 1.8 273.5 0 256 0s-34.7 1.8-51.2 5.1c-17.8 3.6-34.9 9.1-51.2 16.2-18.3 8-35.5 18-51.2 29.9C83 65.8 65.8 83 51.2 102.4a256 256 0 0 0-29.9 51.2C14.2 169.9 8.7 187 5.1 204.8 1.8 221.3 0 238.5 0 256s1.8 34.7 5.1 51.2c3.6 17.8 9.1 34.9 16.2 51.2 8 18.3 18 35.5 29.9 51.2 14.6 19.4 31.8 36.6 51.2 51.2 15.7 11.8 32.9 21.9 51.2 29.9 16.3 7.1 33.4 12.6 51.2 16.2 16.5 3.4 33.7 5.1 51.2 5.1s34.7-1.8 51.2-5.1c17.8-3.6 34.9-9.1 51.2-16.2 18.3-8 35.5-18 51.2-29.9 19.4-14.6 36.6-31.8 51.2-51.2 11.8-15.7 21.9-32.9 29.9-51.2 7.1-16.3 12.6-33.4 16.2-51.2 3.4-16.5 5.1-33.7 5.1-51.2s-1.8-34.7-5.1-51.2m-173.3 0v128.8H178.4V178.4h155.1v26.4z"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。