bootc

品牌實體 / 展示名稱

bootc

行業分類歸屬

工具產品

官方基色 (HEX / RGB / HSL)

#65067Crgb(101, 6, 124) · hsl(288, 91%, 25%)

WCAG 亮暗底對比度與向量體積

白底 11.2:1 · 暗底 1.8:1 · 21.2 KB

<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="19.04 10.66 107.42 140.92"><path id="path9-1-30-5" fill="#78298b" fill-opacity="1" stroke="#65067c" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.249" d="m 27.540875,56.496183 c 0.43711,-0.674632 4.6996,-7.956618 4.6996,-7.956618 l 82.009665,-0.171534 5.13323,8.768597 z"/><path id="path4123-7-30-6" fill="#d7d8da" fill-opacity="1" stroke="#000" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.249" d="m 54.191655,63.343278 c 8.55084,-0.340179 15.81865,-5.309644 17.64142,-8.705071 4.10909,-7.654309 6.03628,-22.250868 10.99915,-29.890518 3.8505,-5.927324 8.13291,-9.401422 15.7727,-10.441835 9.122835,-1.242388 17.677915,1.865143 21.808415,10.701426 2.42446,5.186598 3.51683,10.22107 2.36198,19.644615 -0.50667,4.134482 -2.60391,14.451793 -9.34962,20.822253 -6.74571,6.370468 -22.969775,16.313431 -34.230235,17.763396 z"/><path id="path8771-1-9-2" fill="#f1f1f1" fill-opacity="1" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" stroke-width=".331" d="m 90.135835,78.187932 c 0,0 -3.66946,-1.75668 -4.55304,-6.570528 -0.90189,-4.913654 1.01033,-12.961711 2.85586,-16.643426 1.79615,-3.583218 8.14151,-9.963776 14.396255,-9.798147 7.77965,0.206014 11.14861,6.006537 12.19171,8.692376 1.83417,4.722882 -1.90549,10.864071 -2.80109,11.821877 -1.87586,2.006161 -12.791645,8.705376 -16.789165,10.273803 -1.73043,0.678911 -5.30053,2.224045 -5.30053,2.224045 z"/><ellipse id="ellipse184912-8-5-5-1" cx="-76.657" cy="62.633" fill="#000" fill-opacity="1" stroke="#892ca0" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.156" rx="2.538" ry="2.637" transform="matrix(-.93107 .36483 .36485 .93107 0 0)"/><ellipse id="ellipse184914-7-9-4-2" cx="77.43" cy="61.891" fill="#fff" fill-opacity="1" stroke="none" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.156" rx="1.248" ry="1.314" transform="rotate(-21.397) skewX(.001)"/><ellipse id="ellipse184938-9-7-5-0" cx="95.33" cy="68.969" fill="#000" fill-opacity="1" stroke="#892ca0" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.156" rx="2.538" ry="2.637" transform="rotate(-20.838) skewX(.001)"/><ellipse id="ellipse184940-7-6-9-9" cx="-94.557" cy="68.227" fill="#fff" fill-opacity="1" stroke="none" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.156" rx="1.248" ry="1.314" transform="matrix(-.93459 .35573 .35575 .93458 0 0)"/><ellipse id="ellipse184896-9-3-6-6" cx="103.413" cy="36.781" fill="#fff" fill-opacity="1" stroke="#60605b" stroke-dasharray="none" stroke-dashoffset="6" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.232" rx="5.549" ry="4.903" transform="matrix(.99957 -.02944 .03446 .9994 0 0)"/><g id="g184906-7-6-9-0" stroke-dasharray="none" stroke-miterlimit="4" stroke-width=".82" transform="matrix(1.00329 -.00095 .00092 .99943 -860.835 40.485)"><g id="g184904-8-5-22-6" fill="none" fill-rule="evenodd" stroke="#000" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width=".82" transform="translate(0 -.53)"><path id="path184900-4-6-47-2" d="m 962.30591,-5.7829972 0.0993,1.9843749 c 0,0 1.58751,1.4221355 2.51355,-0.033073 0,0 -0.0993,-0.8268214 -0.16541,-1.0914047"/><path id="path184902-5-3-75-6" d="m 962.28751,-5.7829972 -0.0993,1.9843749 c 0,0 -1.58751,1.4221355 -2.51355,-0.033073 0,0 0.0993,-0.8268214 0.16541,-1.0914047"/></g></g><path id="path184908-0-9-4-1" fill="gray" fill-opacity="1" stroke="#000" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width=".821" d="m 106.46528,32.271949 c -0.14515,-0.373427 -0.14515,-1.120575 -0.57863,-1.120174 -0.43319,0.0015 -0.83421,-0.279423 -1.26031,-0.278953 -0.4261,0.0016 -0.82678,0.28115 -1.26026,0.281595 -0.4329,0.0015 -0.43274,0.747653 -0.57643,1.121406 -0.14745,0.373887 1.83891,1.5859 1.83891,1.5859 0,0 1.98158,-1.216129 1.83672,-1.589774 z"/><path id="path184910-6-2-48-8-8" fill="none" fill-opacity="1" stroke="#000" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width=".932" d="m 91.362225,23.269698 c 0.0862,-0.708715 0.50356,-1.37011 1.10624,-1.752846 0.56836,-0.360944 1.29087,-0.46937 1.94015,-0.291153"/><path id="path184910-6-2-4-1-1-7" fill="none" fill-opacity="1" stroke="#000" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width=".932" d="m 116.82463,23.807778 c -0.11656,-0.704363 -0.56215,-1.347134 -1.18074,-1.70355 -0.58339,-0.336119 -1.30992,-0.413309 -1.9509,-0.207279"/><ellipse id="ellipse184894-7-4-2-2-9" cx="69.435" cy="66.54" fill="#f1f1f1" fill-opacity="1" stroke="none" stroke-dasharray="none" stroke-dashoffset="6" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.305" rx="1.867" ry="1.958" transform="rotate(-21.397)"/><ellipse id="ellipse184894-7-43-9-8-2" cx="96.258" cy="76.688" fill="#f1f1f1" fill-opacity="1" stroke="none" stroke-dasharray="none" stroke-dashoffset="6" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.156" rx="1.654" ry="1.735" transform="rotate(-21.397)"/><g id="g184926-9-7-9-36-2" stroke="#60605b" stroke-dasharray="none" stroke-miterlimit="4" stroke-width=".655" transform="matrix(-1.17943 .0072 .00649 1.17515 1238.69 34.862)"><g id="g184924-2-8-0-80-3" fill="none" fill-rule="evenodd" stroke="#60605b" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width=".655"><path id="path184918-0-6-8-2-7" d="m 956.32834,-6.2874931 c -2.17461,0.00852 -3.90258,0.727992 -5.25392,1.62519"/><path id="path184920-2-8-8-10-5" d="m 957.00529,-5.3889116 c -2.45021,0.3102076 -3.99116,1.6666651 -5.21618,2.999397"/><path id="path184922-3-8-5-5-9" d="m 957.14608,-4.4502461 c -2.0377,0.8062397 -3.03766,2.4684328 -3.7999,4.05763317"/></g></g><g id="g184926-9-3-9-1-2" stroke="#60605b" stroke-dasharray="none" stroke-miterlimit="4" stroke-width=".655" transform="matrix(1.17407 -.11257 .11283 1.16974 -1023.482 149.634)"><g id="g184924-2-1-6-0-8" fill="none" fill-rule="evenodd" stroke="#60605b" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width=".655"><path id="path184918-0-4-3-8-9" d="m 956.32834,-6.2874931 c -2.17461,0.00852 -3.90258,0.727992 -5.25392,1.62519"/><path id="path184920-2-9-8-50-7" d="m 957.00529,-5.3889116 c -2.45021,0.3102076 -3.99116,1.6666651 -5.21618,2.999397"/><path id="path184922-3-2-5-6-3" d="m 957.14608,-4.4502461 c -2.0377,0.8062397 -3.03766,2.4684328 -3.7999,4.05763317"/></g></g><path id="path1396-61-4-6" fill="#d7d8da" fill-opacity="1" stroke="#000" stroke-dasharray="none" stroke-linecap="square" stroke-linejoin="miter" stroke-opacity="1" stroke-width="1.249" d="m 55.912625,61.867751 c -0.63408,-0.01299 -6.71528,-6.29098 -7.54648,-8.052251 -1.44444,-3.060696 -3.95527,-7.541262 -4.1481,-10.028964 -0.19558,-2.523167 -0.88667,-7.670454 -2.24603,-9.404304 -1.29338,-1.64969 -5.76453,-1.830869 -7.29705,0.399041 -1.53259,2.229909 -0.13175,7.072767 -0.13175,7.072767 0,0 -7.60976,-1.960167 -9.99155,-0.212967 -2.38182,1.747187 -2.99546,4.823797 -0.86045,6.440977 4.55125,2.930852 9.60893,0.622895 12.03711,2.141855 2.20957,1.382197 2.03196,9.667811 3.43081,12.039986"/><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bbc-5-2-2" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bd7-98-5-9"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bd7-4-8-3" class="fills"><path id="path12-8-6-1" fill="#9232a9" fill-opacity="1" stroke="#8708a8" stroke-opacity="1" d="M 145.477,186.202 474.547,292.908 412.092,485.514 83.021,378.808 Z" color="#000"/></g><g id="strokes-e0c7bf36-69e6-80bd-8003-ed1bfda97bd7-1-2-9" class="strokes"><g id="g13-0-8-4" class="stroke-shape"><path id="path13-3-4-7" fill="none" stroke-width=".7" d="M 145.477,186.202 474.547,292.908 412.092,485.514 83.021,378.808 Z" color="#000"/></g></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bd8-0-7-8"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bd8-44-2-4" class="fills"><path id="path14-4-4-5" fill="#65067c" fill-opacity="1" stroke="#892ca0" stroke-opacity="1" d="m 143.33,181.991 -1.032,3.182 -63.485,195.781 335.418,108.764 64.516,-198.962 z m 4.284,8.421 L 470.337,295.06 409.946,481.298 87.224,376.65 Z" color="#000"/></g></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bc9-47-06-0" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bc9-6-2-3" class="fills"><path id="path45-31-9-6" fill="#772b89" fill-opacity="1" stroke-linejoin="round" d="m 212.298,228.18 c -3.557,-1.156 -7.381,0.795 -8.545,4.359 l -46.681,143.957 c -0.557,1.715 -0.411,3.582 0.406,5.188 0.817,1.606 2.238,2.82 3.95,3.374 3.561,1.146 7.38,-0.815 8.535,-4.382 l 46.68,-143.957 c 1.147,-3.563 -0.796,-7.38 -4.345,-8.539 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bca-7-9-1" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bca-5-0-0" class="fills"><path id="path46-9-8-6" fill="#af68d9" fill-opacity="1" stroke-linejoin="round" d="m 160.045,211.236 c -3.554,-1.144 -7.366,0.807 -8.528,4.365 l -46.68,143.957 c -1.159,3.566 0.783,7.394 4.338,8.556 l 52.253,16.944 c 3.561,1.146 7.38,-0.815 8.535,-4.382 1.158,-3.566 -0.783,-7.395 -4.339,-8.557 l -45.799,-14.851 44.582,-137.487 c 1.149,-3.57 -0.803,-7.393 -4.362,-8.545 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bcb-62-1-3" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bcb-1-3-2" class="fills"><path id="path47-7-1-0" fill="#65067c" fill-opacity="1" stroke-linejoin="round" d="m 160.045,211.236 c -3.554,-1.144 -7.366,0.807 -8.528,4.365 -1.159,3.566 0.782,7.395 4.339,8.556 l 52.253,16.944 c 3.561,1.146 7.379,-0.815 8.534,-4.382 1.147,-3.563 -0.796,-7.38 -4.345,-8.539 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bcc-8-1-6" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bcc-5-0-1" class="fills"><path id="path48-7-34-5" fill="#772b89" fill-opacity="1" stroke-linejoin="round" d="m 290.67,253.594 c -3.558,-1.157 -7.382,0.793 -8.546,4.358 l -46.681,143.957 c -0.557,1.716 -0.411,3.582 0.406,5.188 0.817,1.606 2.239,2.82 3.951,3.374 3.561,1.146 7.38,-0.815 8.534,-4.382 l 46.68,-143.957 c 1.147,-3.562 -0.795,-7.379 -4.344,-8.538 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bcd-41-0-5" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bcd-8-3-4" class="fills"><path id="path49-5-9-7" fill="#af68d9" fill-opacity="1" stroke-linejoin="round" d="m 238.416,236.65 c -3.557,-1.156 -7.381,0.794 -8.545,4.358 l -46.68,143.957 c -0.558,1.716 -0.412,3.582 0.405,5.188 0.817,1.606 2.238,2.82 3.951,3.374 l 52.253,16.944 c 3.561,1.146 7.38,-0.815 8.534,-4.382 1.158,-3.566 -0.783,-7.395 -4.338,-8.556 l -45.8,-14.852 44.582,-137.487 c 1.149,-3.569 -0.802,-7.393 -4.362,-8.544 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bce-9-1-6" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bce-7-9-5" class="fills"><path id="path50-5-69-6" fill="#65067c" fill-opacity="1" stroke-linejoin="round" d="m 238.416,236.65 c -3.557,-1.156 -7.381,0.794 -8.545,4.358 -0.558,1.716 -0.412,3.582 0.405,5.188 0.817,1.606 2.238,2.82 3.951,3.374 l 52.254,16.944 c 3.56,1.146 7.379,-0.815 8.533,-4.382 1.147,-3.562 -0.795,-7.379 -4.344,-8.538 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bcf-3-3-9" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bcf-8-3-3" class="fills"><path id="path51-8-80-7" fill="#772b89" fill-opacity="1" stroke-linejoin="round" d="m 369.023,279.001 c -3.554,-1.145 -7.366,0.806 -8.528,4.364 l -46.68,143.957 c -1.159,3.566 0.782,7.395 4.338,8.556 1.712,0.557 3.575,0.408 5.18,-0.413 1.604,-0.821 2.817,-2.246 3.373,-3.963 l 46.68,-143.957 c 1.149,-3.569 -0.803,-7.393 -4.363,-8.544 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bd0-3-5-4" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bd0-1-6-5" class="fills"><path id="path52-8-6-2" fill="#af68d9" fill-opacity="1" stroke-linejoin="round" d="m 316.788,262.063 c -3.558,-1.156 -7.382,0.794 -8.546,4.358 l -46.68,143.957 c -0.558,1.716 -0.412,3.582 0.405,5.188 0.817,1.606 2.238,2.82 3.951,3.374 l 52.235,16.938 c 1.712,0.557 3.575,0.408 5.18,-0.413 1.604,-0.821 2.817,-2.246 3.373,-3.963 0.557,-1.716 0.411,-3.582 -0.406,-5.188 -0.817,-1.606 -2.239,-2.82 -3.951,-3.374 L 276.568,408.095 321.15,270.607 c 1.15,-3.57 -0.803,-7.393 -4.362,-8.544 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bd1-9-4-5" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bd1-6-0-4" class="fills"><path id="path53-43-0-7" fill="#65067c" fill-opacity="1" stroke-linejoin="round" d="m 316.788,262.063 c -3.558,-1.156 -7.382,0.794 -8.546,4.358 -0.558,1.716 -0.412,3.582 0.405,5.188 0.817,1.606 2.239,2.82 3.951,3.374 l 52.236,16.938 c 1.711,0.557 3.575,0.408 5.179,-0.413 1.604,-0.821 2.818,-2.246 3.373,-3.963 1.149,-3.569 -0.803,-7.393 -4.363,-8.544 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bd2-3-4-4" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bd2-3-6-4" class="fills"><path id="path54-8-26-3" fill="#772b89" fill-opacity="1" stroke-linejoin="round" d="m 447.394,304.414 c -3.557,-1.156 -7.381,0.794 -8.545,4.358 l -46.681,143.957 c -0.557,1.716 -0.411,3.582 0.406,5.188 0.817,1.606 2.238,2.82 3.95,3.374 1.712,0.557 3.576,0.408 5.18,-0.413 1.604,-0.821 2.817,-2.246 3.373,-3.963 l 46.68,-143.957 c 1.149,-3.569 -0.803,-7.393 -4.363,-8.544 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bd3-6-75-0" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bd3-0-6-7" class="fills"><path id="path55-4-9-8" fill="#af68d9" fill-opacity="1" stroke-linejoin="round" d="m 395.159,287.476 c -3.558,-1.156 -7.382,0.794 -8.546,4.358 l -46.68,143.957 c -0.558,1.716 -0.412,3.582 0.405,5.188 0.817,1.606 2.239,2.82 3.951,3.374 l 52.235,16.938 c 1.712,0.557 3.576,0.408 5.18,-0.413 1.604,-0.821 2.817,-2.246 3.373,-3.963 0.557,-1.716 0.412,-3.582 -0.406,-5.188 -0.817,-1.606 -2.239,-2.82 -3.951,-3.374 L 354.939,433.508 399.521,296.02 c 1.15,-3.569 -0.803,-7.393 -4.362,-8.544 z" color="#000"/></g></g><g id="shape-e0c7bf36-69e6-80bd-8003-ed1bfda97bd4-8-8-6" fill="#000" transform="rotate(-17.993 57.295 88.206) scale(.26623)"><g id="fills-e0c7bf36-69e6-80bd-8003-ed1bfda97bd4-8-7-8" class="fills"><path id="path56-8-2-8" fill="#65067c" fill-opacity="1" stroke-linejoin="round" d="m 395.159,287.476 c -3.558,-1.156 -7.382,0.794 -8.546,4.358 -0.558,1.716 -0.412,3.582 0.405,5.188
<!-- ...[資料已省略，點選複製或下載獲取完整原始碼]... -->
</svg>

設計應用建議

• 保持原生 0.76:1 寬高比（viewBox "19.04 10.66 107.42 140.92"）等比例縮放，切勿拉伸變形
• 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
• 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版