Okra

品牌实体 / 展示名称

Okra

行业分类归属

金融支付

官方基色 (HEX / RGB / HSL)

#222C3Brgb(34, 44, 59) · hsl(216, 27%, 18%)

WCAG 亮暗底对比度与矢量体积

白底 14.1:1 · 暗底 1.4:1 · 3.5 KB

<svg width="224" height="80" viewBox="0 0 224 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_930_2707)">
<path d="M79.8049 40.0809C79.8049 25.587 88.9576 15.9513 102.687 15.9513C116.416 15.9513 125.568 25.587 125.568 40.0809C125.568 54.5748 116.416 64.2104 102.687 64.2104C88.9576 64.2104 79.8049 54.4938 79.8049 40.0809ZM115.051 40.0809C115.051 30.7691 110.073 24.6153 102.687 24.6153C95.3002 24.6153 90.3224 30.7691 90.3224 40.0809C90.3224 49.3926 95.3002 55.5465 102.687 55.5465C110.073 55.5465 115.051 49.3116 115.051 40.0809Z" fill="#222C3B"/>
<path d="M165.792 63.4816H154.712L143.071 50.1213L140.502 52.7934V63.4816H130.707V16.5181H140.421V29.0687C140.421 39.1902 140.261 40.9715 140.261 40.9715H140.421L151.661 29.0687H163.624L148.851 44.2104L165.792 63.4816Z" fill="#222C3B"/>
<path d="M190.601 29.0688V38.9474H190.36C190.36 38.9474 189.718 38.7045 187.55 38.7045C181.769 38.7045 177.755 42.2672 177.755 49.5547V63.4818H167.96V29.0688H177.674V35.4656H177.835C179.28 32.1458 183.054 28.745 188.674 28.745C189.557 28.8259 190.039 28.8259 190.601 29.0688Z" fill="#222C3B"/>
<path d="M222.956 56.5182V41.7814C222.956 33.7652 217.417 28.502 207.622 28.502C198.63 28.502 192.528 33.6032 192.528 40.4049H202.323C202.323 37.4899 204.25 35.5466 207.862 35.5466C211.235 35.5466 213.242 37.4899 213.242 42.3482L207.14 42.753C197.746 43.4818 191.564 46.2348 191.564 53.9271C191.564 58.4615 194.133 61.8624 198.228 63.3199C199.673 63.8057 201.199 64.1296 202.965 64.1296C204.731 64.1296 206.578 63.8867 208.264 63.3199C210.592 62.5101 212.599 61.1336 213.884 58.9474H214.045C214.045 60.6478 214.526 62.5101 214.928 63.3199H224V62.915C223.197 61.9433 222.956 61.7004 222.956 56.5182ZM213.242 49.3117C213.242 54.0081 210.512 57.085 206.417 57.085C203.607 57.085 201.761 55.4656 201.761 53.1174C201.761 50.7692 203.688 49.3927 206.979 49.0688L213.242 48.502V49.3117Z" fill="#222C3B"/>
<path d="M51.4638 49.4737C55.3176 44.1296 57.4853 37.7328 57.4853 31.0931C57.4853 30.8502 57.4853 30.6073 57.4853 30.3644C57.2445 22.1862 53.9527 14.5749 48.1721 8.82591C42.3914 3.15789 34.7642 0 26.6552 0C19.1885 0 12.043 2.75304 6.42294 7.69231C5.21864 8.74494 5.13835 10.6073 6.26237 11.7409L11.0796 16.5992L3.53262 24.2105C2.48889 25.2632 2.48889 27.0445 3.53262 28.0972L6.02151 30.6073C2.08746 35.8704 0 42.3482 0 48.9879C0 57.166 3.13118 64.8583 8.75126 70.6883C14.3713 76.5182 21.9986 79.8381 30.0273 80C30.2681 80 30.509 80 30.8301 80C38.2968 80 45.4423 77.247 51.0624 72.3077C52.2667 71.2551 52.347 69.3927 51.223 68.2591L46.4058 63.4008L53.9527 55.7895C54.9964 54.7368 54.9964 52.9555 53.9527 51.9028L51.4638 49.4737ZM40.5448 65.4251L45.1212 70.0405C40.9463 72.9555 35.9685 74.4939 30.8301 74.4939C30.6696 74.4939 30.4287 74.4939 30.1878 74.4939C23.524 74.332 17.3419 71.5789 12.6853 66.8016C8.02868 62.0243 5.4595 55.6275 5.4595 48.9069C5.4595 43.7247 6.98495 38.7045 9.87528 34.4939L30.9907 55.7895L33.5599 58.3806L35.005 59.8381L38.8588 55.9514L37.4136 54.4939L9.55413 26.3158L9.39355 26.1538L16.9405 18.5425C17.9842 17.4899 17.9842 15.7085 16.9405 14.6559L12.3642 10.0405C16.5391 7.12551 21.5169 5.58704 26.6552 5.58704C33.319 5.58704 39.5814 8.17814 44.3986 12.8745C49.1355 17.5709 51.8653 23.8057 52.0258 30.5263C52.0258 30.6883 52.0258 30.9312 52.0258 31.0931C52.0258 36.2753 50.5004 41.2955 47.6101 45.5061L36.1291 34.0081L23.8452 21.6194L22.4 20.1619L18.466 24.0486L34.6036 40.3239L48.0918 53.9271L40.5448 61.5385C39.5011 62.5911 39.5011 64.2915 40.5448 65.4251Z" fill="#009E74"/>
</g>
<defs>
<clipPath id="clip0_930_2707">
<rect width="224" height="80" fill="white"/>
</clipPath>
</defs>
</svg>

设计应用建议

• 保持原生 14:5 宽高比（viewBox "0 0 224 80"）等比例缩放，切勿拉伸变形
• 标志外围应预留不少于标志高度 20% 的空白安全保护区
• 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版