品牌視覺規範與工程參數檔案
面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數
- 品牌實體 / 展示名稱
- Raygun (Monitoring) (raygun-monitoring)
- 官方基色 (HEX / RGB / HSL)
- #E5242Argb(229, 36, 42) · hsl(358, 79%, 52%)
- WCAG 亮暗底對比度與向量體積
- 白底 4.5:1 · 暗底 4.4:1 · 1.1 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M512 231c0 17.6-13.9 31.8-31.1 31.8s-31.1-14.2-31.1-31.8 13.9-31.8 31.1-31.8S512 213.5 512 231m-400.8-.8c-2.9 35.8 21.1 78.4 66.6 108.5 12.1 13.1 23.2 39.8-7.4 87.1-8.1 12.9 33 39.4 69.2 30.2 0 0-14.5-18.2-11.9-32.1 1-5.4 14.6-34.3 24-54.1 39 9.1 85.2 10.4 137.3-.7v-275c-95.5-32-271.8 11.2-277.8 136.1" style="fill:#e5242a"/><path d="M454.1 247c-27.5 1.8-51.1 9.2-65.1 19.5v-70.9c14 10.3 37.5 17.6 65.1 19.5-2.7 4.7-4.2 10.1-4.2 16 0 5.7 1.5 11.2 4.2 15.9M235.7 365.6c18.2 5.6 38.2 9.3 59.9 10.8-.3.4 0 .4 0 .4s-56-4.8-56 79.3c0 0-45.5-59.6-3.9-90.5M128.9 171.8 51.5 91.4c197.8-85.5 337 2.4 337 2.4l-5.7-1.5c-79.3-23.2-207.2 2.2-253.9 79.5m127.3-44.3c58.8 0 106.4 47.6 106.4 106.2S315 339.9 256.2 339.9c-43 0-80-25.5-96.8-62.2C96.2 245 .5 251.1 0 251.1c45-22.9 110.5-22.3 110.5-22.3-16.4-13.1-30-27.9-30-27.9s22.7-5.6 80.7-15c17.5-34.6 53.5-58.5 95-58.4m0 188.6c45.6 0 82.5-36.9 82.5-82.4s-36.9-82.4-82.5-82.4-82.5 36.9-82.5 82.4 37 82.4 82.5 82.4" style="fill:#f4db12"/><path d="m295.8 226.4-37-4.2 14.7-57.5-63.1 73.2 38.1 4.2-16.8 60.7z" style="fill:#fff"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M383.2 92.4c2 .6 3.9 1.2 5.8 1.8v275.1c-33.8 7.2-65 9.2-93.4 7.2-21.7-1.5-41.7-5.3-59.9-10.8-40.9 30.3 2.3 88.5 3.8 90.5-36.2 9.1-77.2-17.4-69.1-30.2 30.6-47.3 19.5-73.9 7.4-87.1-32.8-21.7-54.4-49.8-62.9-77.3 15.5 3.9 30.7 9.2 44.4 16.3 16.8 36.7 53.8 62.2 96.8 62.2 58.8 0 106.4-47.6 106.4-106.2 0-58.7-47.6-106.2-106.4-106.2-41.6 0-77.5 23.8-95.1 58.5-17.2 2.8-31.3 5.2-42.6 7.3 2.8-7.5 6.2-14.7 10.3-21.5 46.7-77.3 174.5-102.8 253.9-79.6q.45-.15.6 0M239.6 456.1c.1 0 0-.1 0 0q0-.15 0 0m-65.9-222.4c0-45.5 36.9-82.4 82.5-82.4s82.5 36.9 82.5 82.4-36.9 82.4-82.5 82.4c-45.5 0-82.5-36.9-82.5-82.4m36.7 4.1 38.1 4.2-16.8 60.7 64.1-76.3-37-4.2 14.7-57.5zm270.5-38.6c-11.5 0-21.5 6.4-26.9 15.8-1 1.7-1.8 3.6-2.5 5.5 0 .1 0 .1-.1.2-.2.6-.4 1.1-.5 1.7 0 .1 0 .2-.1.2-.3 1.2-.6 2.5-.8 3.8 0 .2 0 .3-.1.5-.1.5-.1 1-.1 1.5v.5c0 .6-.1 1.3-.1 2s0 1.3.1 2v.5c0 .5.1 1 .1 1.5 0 .2 0 .3.1.5.2 1.3.4 2.6.8 3.8 0 .1 0 .2.1.3.2.6.3 1.1.5 1.7 0 .1 0 .1.1.2.7 1.9 1.5 3.8 2.5 5.5 5.4 9.5 15.4 15.8 26.9 15.8 17.2 0 31.1-14.2 31.1-31.8 0-17.4-13.9-31.7-31.1-31.7"/><path d="M295.6 376.4c-.3.4 0 .4 0 .4s-56-4.8-56 79.3c0 0-45.5-59.7-3.9-90.5 18.3 5.6 38.3 9.3 59.9 10.8M51.5 91.4l77.4 80.4C175.6 94.5 303.4 69 382.8 92.2l5.7 1.5c0 .1-139.2-87.7-337-2.3m311.1 142.3c0 58.7-47.6 106.2-106.4 106.2-43 0-80-25.5-96.8-62.2C96.2 245 .5 251.1 0 251.1c45-22.9 110.5-22.3 110.5-22.3-16.4-13.1-30-27.9-30-27.9s22.7-5.6 80.7-15c17.5-34.7 53.5-58.5 95.1-58.5 58.7.1 106.3 47.6 106.3 106.3m-23.9 0c0-45.5-36.9-82.4-82.5-82.4s-82.5 36.9-82.5 82.4 36.9 82.4 82.5 82.4 82.5-36.9 82.5-82.4m111.2-2.7c0-5.8 1.5-11.3 4.2-16-27.5-1.8-51.1-9.2-65.1-19.5v70.9c14-10.3 37.6-17.6 65.1-19.5-2.7-4.6-4.2-10.1-4.2-15.9" style="opacity:.6"/></svg>
設計應用建議
- 保持原生 1:1 寬高比(viewBox "0 0 512 512")等比例縮放,切勿拉伸變形
- 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
- 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版