OCBC Pay Anyone

品牌實體 / 展示名稱

OCBC Pay Anyone

行業分類歸屬

金融支付

官方基色 (HEX / RGB / HSL)

#231F1Frgb(35, 31, 31) · hsl(0, 6%, 13%)

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

白底 16.3:1 · 暗底 1.2:1 · 7.5 KB

<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_28674)">
<mask id="mask0_3802_28674" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80">
<path d="M16.3215 0H63.6785C72.7048 0 80 7.29521 80 16.3215V63.6785C80 72.7048 72.7048 80 63.6785 80H16.3215C7.29521 80 0 72.7048 0 63.6785V16.3215C0 7.29521 7.29521 0 16.3215 0Z" fill="white"/>
</mask>
<g mask="url(#mask0_3802_28674)">
<path d="M20.1311 -34.7109L-34.583 60.0566L60.1845 114.771L114.899 20.0032L20.1311 -34.7109Z" fill="url(#paint0_linear_3802_28674)"/>
<path d="M63.8016 -0.617188C68.3766 -0.617188 72.5806 1.11388 75.7955 4.32872C79.0103 7.54356 80.7414 11.7476 80.7414 16.3225V63.6796C80.7414 68.2545 79.0103 72.4585 75.7955 75.6734C72.5806 78.8882 68.3766 80.6193 63.8016 80.6193H16.4446C11.8696 80.6193 7.66563 78.8882 4.45079 75.6734C1.23595 72.4585 -0.495117 68.2545 -0.495117 63.6796V16.3225C-0.495117 11.7476 1.23595 7.54356 4.45079 4.32872C7.66563 1.11388 11.8696 -0.617188 16.4446 -0.617188M16.4446 0.619287C12.2406 0.619287 8.28386 2.22671 5.31632 5.19425C2.34878 8.16179 0.741358 12.1185 0.741358 16.3225V63.6796C0.741358 67.8836 2.34878 71.8403 5.31632 74.8079C8.28386 77.7754 12.2406 79.3828 16.4446 79.3828H63.8016C68.0057 79.3828 71.9624 77.7754 74.9299 74.8079C77.8975 71.8403 79.5049 67.8836 79.5049 63.6796V16.3225C79.5049 12.1185 77.8975 8.16179 74.9299 5.19425C71.9624 2.22671 68.0057 0.619287 63.8016 0.619287H16.4446Z" fill="#BCBCBB"/>
<path d="M16.073 38.4554C16.073 38.4554 16.073 39.5682 15.7021 40.0628C15.4548 40.5574 15.2075 41.052 14.8365 41.2993C14.4656 41.6702 13.971 41.9175 13.3528 42.1648C12.7345 42.4121 12.1163 42.5358 11.3744 42.5358C11.0035 42.5358 10.7562 42.5358 10.6325 42.5358V46.7398H8.2832V34.8696C9.27238 34.8696 10.2616 34.8696 11.498 34.8696C12.9818 34.8696 14.0946 35.2406 14.8365 35.8588C15.5784 36.477 15.9494 37.4662 15.9494 38.5791M13.6001 38.7027C13.6001 38.7027 13.4764 37.5899 13.1055 37.2189C12.7345 36.848 12.1163 36.7243 11.3744 36.7243C11.1271 36.7243 10.8798 36.7243 10.5089 36.7243V40.6811C10.5089 40.6811 11.0035 40.6811 11.1271 40.6811C11.869 40.6811 12.3636 40.4338 12.8582 40.0628C13.2291 39.6919 13.4764 39.1973 13.4764 38.5791" fill="#231F1F"/>
<path d="M26.3396 46.7398H23.8666L23.0011 44.2668H18.5498L17.6843 46.7398H15.335L19.4153 34.8696H22.1356L26.3396 46.7398ZM22.3829 42.5358L21.1464 38.95C21.1464 38.95 20.7755 37.8372 20.6518 37.3426C20.6518 37.3426 20.4045 38.3318 20.1572 38.95L18.9207 42.5358H22.2592H22.3829Z" fill="#231F1F"/>
<path d="M34.7483 34.8692L30.9152 42.5354V46.7394H28.5659V42.5354L24.8564 34.8692H27.3294L28.9368 38.2077C29.1841 38.826 29.4314 39.4442 29.8024 40.1861C29.8024 40.1861 30.2969 38.9496 30.7915 37.9604L32.2753 34.7456H34.7483V34.8692Z" fill="#231F1F"/>
<path d="M18.177 62.0718H15.5804L14.8385 59.5989H10.3872L9.52167 62.0718H7.17236L11.2527 50.2017H13.973L18.177 62.0718ZM14.2203 57.8678L12.9838 54.282C12.9838 54.282 12.6129 53.1692 12.4892 52.6746C12.4892 52.6746 12.2419 53.6638 11.9946 54.282L10.7581 57.8678H14.0966H14.2203Z" fill="#231F1F"/>
<path d="M29.3055 62.0719H26.2143L22.5049 55.5186C22.0103 54.5294 21.6393 53.7876 21.5157 53.1693C21.5157 54.4058 21.5157 56.2605 21.5157 58.8571V62.0719H19.29V50.2018H22.3812L25.967 56.5078C26.338 57.2497 26.7089 57.9916 27.0798 58.8571C27.0798 57.3733 26.9562 55.395 26.9562 53.0457V50.0781H29.1818V61.9483L29.3055 62.0719Z" fill="#231F1F"/>
<path d="M40.1882 50.2018L36.3551 57.8679V62.0719H34.0058V57.8679L30.2964 50.2018H32.7693L34.3768 53.5403C34.3768 53.5403 34.8713 54.7767 35.2423 55.5186C35.2423 55.5186 35.7369 54.2821 36.2315 53.293L37.7152 50.0781H40.1882V50.2018Z" fill="#231F1F"/>
<path d="M51.3169 55.8892C51.3169 56.8784 51.1932 57.7439 50.8223 58.4858C50.4513 59.3513 50.0804 59.9696 49.5858 60.4641C49.0912 60.9587 48.473 61.4533 47.7311 61.7006C47.1129 61.9479 46.2473 62.1952 45.5054 62.1952C43.7744 62.1952 42.4142 61.7006 41.4251 60.5878C40.5595 59.5986 40.0649 58.1148 40.0649 56.2601C40.0649 55.2709 40.1886 54.4054 40.5595 53.6635C40.8068 52.798 41.3014 52.1798 41.796 51.6852C42.2906 51.1906 42.9088 50.696 43.6507 50.4487C44.3926 50.2014 45.1345 49.9541 45.8764 49.9541C47.6074 49.9541 48.9676 50.4487 49.9568 51.5615C50.8223 52.5507 51.3169 54.0345 51.3169 55.8892ZM48.8439 56.1365C48.8439 54.9 48.5966 53.7872 48.102 53.0453C47.6074 52.3034 46.7419 51.9325 45.7527 51.9325C44.7636 51.9325 44.0217 52.3034 43.5271 53.0453C42.9088 53.7872 42.6615 54.7764 42.6615 55.8892C42.6615 57.2493 42.9088 58.2385 43.4034 58.9804C43.898 59.7223 44.7636 60.0932 45.7527 60.0932C46.6183 60.0932 47.4838 59.7223 47.9784 59.104C48.5966 58.3621 48.8439 57.4966 48.8439 56.1365Z" fill="#231F1F"/>
<path d="M62.94 62.0719H59.9725L56.2631 55.5186C55.7685 54.5294 55.3975 53.7876 55.2739 53.1693C55.2739 54.4058 55.3975 56.2605 55.3975 58.8571V62.0719H53.1719V50.2018H56.2631L59.8488 56.5078C60.2198 57.2497 60.7144 57.9916 60.9617 58.8571C60.9617 57.3733 60.838 55.395 60.838 53.0457V50.0781H63.0637V61.9483L62.94 62.0719Z" fill="#231F1F"/>
<path d="M72.2143 62.0718H65.7847V50.2017H72.2143V52.0564H68.0103V55.0239H71.967V56.8786H68.0103V60.0935H72.2143V62.0718Z" fill="#231F1F"/>
<path d="M38.95 24.1115C40.0628 23.6169 40.8047 22.6277 40.8047 21.5149C40.8047 19.5365 39.1973 18.5474 36.3534 18.5474C34.746 18.5474 32.8913 18.5474 31.6548 18.5474V30.2939C33.5095 30.2939 34.9933 30.2939 35.7352 30.2939C39.4446 30.2939 41.052 28.4392 41.052 26.5845C41.052 25.4716 40.3101 24.2351 38.95 23.9879M34.6223 20.6494C34.6223 20.6494 35.3642 20.6494 35.8588 20.6494C37.0953 20.6494 37.5899 21.144 37.5899 21.8858C37.5899 22.7514 36.848 23.3696 35.4879 23.3696C35.1169 23.3696 34.8696 23.3696 34.6223 23.3696V20.773V20.6494ZM35.7352 28.0682C35.7352 28.0682 34.8696 28.0682 34.6223 28.0682V25.2243C34.6223 25.2243 35.4879 25.2243 35.6115 25.2243C36.9716 25.2243 37.8372 25.7189 37.8372 26.5845C37.8372 27.45 37.0953 28.0682 35.7352 28.0682Z" fill="#E42C2C"/>
<path d="M20.5273 24.9769C20.5273 27.6972 21.7638 30.6647 26.4624 30.6647C27.5753 30.6647 28.6881 30.5411 29.6773 30.1701L29.3063 27.6972C29.3063 27.6972 27.6989 28.0681 27.0807 28.0681C24.7314 28.0681 23.7422 26.8316 23.7422 24.4823C23.7422 22.3803 24.855 21.0202 26.957 21.0202C27.6989 21.0202 28.5644 21.1439 29.3063 21.3911L29.6773 18.9182C28.9354 18.6709 27.9462 18.6709 27.0807 18.6709C22.8766 18.6709 20.651 21.2675 20.651 25.1006" fill="#E42C2C"/>
<path d="M42.2866 24.9769C42.2866 27.6972 43.5231 30.6647 48.2217 30.6647C49.3345 30.6647 50.4474 30.5411 51.4365 30.1701L51.0656 27.6972C51.0656 27.6972 49.4582 28.0681 48.8399 28.0681C46.4906 28.0681 45.5015 26.8316 45.5015 24.4823C45.5015 22.3803 46.6143 21.0202 48.7163 21.0202C49.4582 21.0202 50.3237 21.1439 51.0656 21.3911L51.4365 18.9182C50.6947 18.6709 49.7055 18.6709 48.8399 18.6709C44.6359 18.6709 42.4103 21.2675 42.4103 25.1006" fill="#E42C2C"/>
<path d="M13.4784 18.4233C10.0163 18.4233 7.17236 20.8963 7.17236 24.7294C7.17236 28.5624 9.15072 30.6645 12.9838 30.6645C16.5696 30.6645 19.2898 28.1915 19.2898 24.3584C19.2898 20.1544 16.6932 18.4233 13.3547 18.4233M13.1074 28.1915C11.0054 28.1915 10.1399 26.7077 10.1399 24.4821C10.1399 22.0091 11.6237 20.8963 13.1074 20.8963C15.0858 20.8963 16.075 22.1328 16.075 24.4821C16.075 27.2023 14.4676 28.0679 12.9838 28.0679" fill="#E42C2C"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_3802_28674" x1="22.2157" y1="106.633" x2="70.4345" y2="23.1155" gradientUnits="userSpaceOnUse">
<stop stop-color="#E1E2E1"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<clipPath id="clip0_3802_28674">
<rect width="80" height="80" fill="white"/>
</clipPath>
</defs>
</svg>

設計應用建議

• 保持原生 1:1 寬高比（viewBox "0 0 80 80"）等比例縮放，切勿拉伸變形
• 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
• 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋