Stacklok

品牌實體 / 展示名稱

Stacklok

行業分類歸屬

企業組織

官方基色 (HEX / RGB / HSL)

#666666rgb(102, 102, 102) · hsl(0, 0%, 40%)

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

白底 5.7:1 · 暗底 3.5:1 · 5.7 KB

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   id="Layer_2"
   data-name="Layer 2"
   viewBox="0 0 1247.24 239.14"
   version="1.1"
   sodipodi:docname="stacklok.svg"
   width="1247.24"
   height="239.14"
   inkscape:version="1.3 (0e150ed, 2023-07-21)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <sodipodi:namedview
     id="namedview13"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:showpageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     inkscape:deskcolor="#d1d1d1"
     inkscape:zoom="0.83972969"
     inkscape:cx="624.01033"
     inkscape:cy="119.68137"
     inkscape:window-width="1776"
     inkscape:window-height="748"
     inkscape:window-x="1517"
     inkscape:window-y="160"
     inkscape:window-maximized="0"
     inkscape:current-layer="Layer_2"
     showgrid="false" />
  <defs
     id="defs1">
    <style
       id="style1">&#10;      .cls-1 {&#10;        fill: #002a3e;&#10;      }&#10;&#10;      .cls-2 {&#10;        fill: #00bbbe;&#10;      }&#10;&#10;      .cls-3 {&#10;        fill: #fff;&#10;      }&#10;&#10;      .cls-4 {&#10;        fill: #59cfa8;&#10;      }&#10;    </style>
  </defs>
  <path
     class="cls-1"
     d="m 799.15,96.83 c 0.6,-5.76 2.65,-24.4 2.65,-24.4 -9.4,-3.73 -19.51,-5.6 -29.42,-5.6 -10.93,0 -21.61,2.26 -30.79,6.79 -18.48,9.11 -29.5,28.44 -29.48,51.72 -0.02,23.29 10.99,42.62 29.48,51.73 17.49,8.61 40.44,9.04 60.2,1.19 0,0 -2.05,-18.64 -2.65,-24.4 -12.59,3.39 -24.01,5.56 -35.3,1.12 -11.45,-4.5 -17.8,-15.02 -17.89,-29.63 0.09,-14.63 6.44,-25.15 17.89,-29.65 11.29,-4.43 22.71,-2.26 35.3,1.12 z"
     id="path6"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-1"
     points="982.47,180.34 982.47,35.38 948.09,44.83 948.09,180.34 "
     id="polygon7"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-1"
     points="854.23,117.88 854.23,35.38 819.85,44.84 819.85,180.34 854.23,180.34 854.23,153.6 867.71,137.05 897.28,180.34 934.08,180.34 887.71,112.48 922.2,70.13 893.11,70.13 "
     id="polygon8"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-1"
     points="1206.55,112.48 1241.04,70.13 1211.95,70.13 1173.06,117.87 1173.06,35.38 1138.68,44.84 1138.68,180.34 1173.06,180.34 1173.06,153.6 1186.55,137.05 1216.12,180.34 1252.91,180.34 "
     id="polygon9"
     transform="translate(-5.67,-5.67)" />
  <path
     class="cls-1"
     d="m 1061.27,66.48 c -23.97,0 -38.23,9.23 -45.97,16.98 -9.24,9.26 -14.53,21.8 -14.52,34.41 v 14.82 c -0.01,12.62 5.28,25.16 14.52,34.41 7.74,7.75 22,16.98 45.97,16.98 23.97,0 38.22,-9.23 45.95,-16.98 9.24,-9.26 14.54,-21.79 14.52,-34.41 v -14.82 c 0.01,-12.62 -5.28,-25.16 -14.52,-34.41 -7.73,-7.75 -21.99,-16.98 -45.95,-16.98 z m 17.01,87.13 c -4.24,4.25 -9.96,6.4 -17.01,6.4 -7.05,0 -12.78,-2.16 -17.02,-6.41 -5.79,-5.8 -8.7,-15.33 -8.67,-28.33 -0.03,-12.99 2.89,-22.52 8.67,-28.32 4.24,-4.25 9.97,-6.41 17.02,-6.41 7.05,0 12.77,2.16 17.01,6.4 5.79,5.8 8.7,15.33 8.67,28.33 0.03,12.99 -2.89,22.53 -8.67,28.32 z"
     id="path9"
     transform="translate(-5.67,-5.67)" />
  <path
     class="cls-1"
     d="M 573.93,70.12 H 542.48 V 35.38 l -34.38,9.46 v 96.07 c 0,20.95 9.91,36.18 26.5,40.74 11.79,3.24 24.81,2.95 39.33,-0.76 v -23.97 c -4.53,0.94 -9.3,1.39 -14.83,1.27 -8.38,-0.22 -16.3,-8.58 -16.3,-17.22 l -0.33,-48.63 h 31.46 z"
     id="path10"
     transform="translate(-5.67,-5.67)" />
  <path
     class="cls-1"
     d="m 485.34,126.56 c -12.25,-13.13 -35.46,-11.88 -51.54,-17.32 -5.08,-1.72 -11.47,-6.1 -8.05,-12.23 2.51,-4.5 8.45,-5.5 13.15,-5.84 16.71,-1.22 32.73,2.77 47.02,6.57 0,0 2.48,-22.62 2.48,-22.62 -26.27,-8.4 -69.39,-16.39 -90.44,7.47 -10.34,11.72 -10.57,30.71 -0.5,41.47 12.26,13.1 35.46,11.86 51.52,17.3 4.37,1.48 9.57,4.37 8.93,9.74 -0.76,6.45 -8.74,7.94 -14.03,8.33 -16.7,1.24 -32.72,-2.76 -47.02,-6.57 0,0 -2.48,22.62 -2.48,22.62 26.28,8.41 69.38,16.4 90.44,-7.47 10.33,-11.71 10.58,-30.67 0.53,-41.44 z"
     id="path11"
     transform="translate(-5.67,-5.67)" />
  <path
     class="cls-1"
     d="m 694.8,102.62 c 0,-7.31 -2.86,-14.77 -7.85,-20.48 C 678.09,72 663,66.8 642.11,66.67 c -13.33,-0.07 -29.73,2.8 -45.6,7.93 l 2.48,22.85 c 12.49,-3.36 26.3,-6.86 40.74,-6.86 6.2,0 15.39,0.34 19.45,5.93 4.28,5.89 -3.1,10.85 -8.08,12.55 -11.92,4.08 -24.53,5.98 -36.74,9.02 -14.58,3.63 -25.74,18.98 -25.44,34.95 0.17,9.06 4.21,17.65 10.8,22.99 16.69,13.51 45.72,8.79 62.31,-7.88 v 0 l 2.23,12.18 h 30.79 c 0,0 -0.25,-77.72 -0.25,-77.72 z m -32.82,48.42 c -8.76,7.95 -20.18,11.55 -31.8,8.87 -6.21,-1.43 -10.07,-7.66 -8.97,-14.5 1.52,-9.54 11.79,-12.2 16.72,-13.48 l 24.1,-6.06 c 0,0 -0.05,25.17 -0.05,25.17 z"
     id="path12"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-4"
     points="325.59,187.26 268.05,244.81 166.11,244.81 325.59,85.32 "
     id="polygon1"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-4"
     points="5.67,63.21 63.21,5.67 165.15,5.67 5.67,165.15 "
     id="polygon2"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-2"
     points="245.85,5.67 166.19,85.32 325.59,85.32 325.51,5.67 "
     id="polygon3"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-2"
     points="85.41,244.81 165.07,165.15 5.67,165.15 5.76,244.81 "
     id="polygon4"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-1"
     points="325.59,85.32 245.85,165.06 245.85,85.32 "
     id="polygon5"
     transform="translate(-5.67,-5.67)" />
  <polygon
     class="cls-1"
     points="5.67,165.15 85.41,85.41 85.41,165.15 "
     id="polygon6"
     transform="translate(-5.67,-5.67)" />
</svg>

設計應用建議

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