brand system
identity / logo system / four-piece mark
activemenu
brand system
identity / logo system / four-piece mark
identity / logo system / four-piece mark
four-piece mark
The core pawr symbol: four organic pieces, one-color by default.
01 / canonical
one-color master
The production master should stay transparent and use one inherited color by default. Backgrounds belong to the surface around it, not to the SVG.
02 / scale
favicon and app-icon pressure test
The 16px version is the useful failure point. At that size the shape reads as a compact signal, while 24px and above preserve the four-piece structure.
03 / field mode
same mark, any field
Field mode proves pawr does not need a single brand hue. The mark stays stable; the surface carries the context.
ink
reverse
signal
creator
coral
gold
violet
dark
04 / tint mode
soft surfaces, dark ink
Tint mode is the everyday UI/application layer: pale contextual fields, stable dark mark, no loud brand color competing with page content.
paper
mist
sky
green
gold
lifetime
05 / patchwork
context can enter the pieces
Patchwork mode is not the default logo. Use it for campaigns, profile-specific moments, or places where the mark should imply that the page is made of many parts.
signal patchwork
soft profile set
member warmth
07 / source
exact SVG source
Use the downloadable file for handoff. The inline source below matches the same transparent, one-color SVG.
<svg width="1024" height="1024" viewBox="-160 -160 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.2241 130.426C45.1003 113.244 63.269 96.3515 80.4305 79.3335C98.5425 61.3683 117.188 43.6765 135.399 25.7946C152.982 8.52979 174.285 -0.814754 199.298 0.0558249C222.136 0.736277 243.752 10.5461 259.301 27.2923C269.489 38.3646 275.952 52.1388 282.116 65.7362C305.992 118.563 317.556 176.126 315.94 234.071C314.604 253.121 306.909 271.161 294.086 285.309C279.048 301.937 258.007 311.893 235.614 312.979C226.006 313.474 214.847 312.745 205.242 312.017C157.372 308.389 110.606 295.811 67.3718 274.937C54.7067 268.833 41.5796 262.188 31.161 252.649C14.66 237.28 4.90357 216.014 4.01464 193.484C2.9973 168.68 11.5847 148.394 28.2241 130.426Z" fill="currentColor"/>
<path d="M406.933 419.936C422.26 399.542 450.128 389.619 474.932 389.827C530.924 390.83 586.025 404.007 636.412 428.448C650.5 435.294 663.96 442.059 675.011 453.448C690.8 469.807 699.426 491.774 698.974 514.499C698.34 550.331 681.292 566.131 658.168 588.661L626.119 619.862L584.659 660.344C575.053 669.722 562.064 683.469 551.144 690.309C540.66 696.847 528.856 700.976 516.586 702.4C493.661 705.127 470.6 698.501 452.62 684.021C416.503 655.004 393.906 565.593 388.994 520.553C387.824 509.829 387.106 499.055 386.851 488.266C386.049 460.399 388.784 442.479 406.933 419.936Z" fill="currentColor"/>
<path d="M20.4254 450.802C27.8137 442.964 34.5315 436.561 44.2463 431.361C94.5347 404.447 151.598 389.29 208.552 387.042C222.405 386.495 237.049 385.904 250.297 389.617C272.63 395.874 291.532 410.809 302.788 431.089C307.538 439.66 310.707 449.013 312.146 458.704C317.158 492.463 305.74 548.496 296.354 581.074C289.102 604.511 272.159 647.787 256.816 666.953C242.561 684.851 221.679 696.232 198.912 698.517C176.506 700.947 154.059 694.286 136.604 680.028C129.897 674.521 121.282 665.167 115.03 658.744L80.879 623.669L41.0241 582.884C32.887 574.551 20.7606 562.974 14.5549 553.809C6.59956 542.023 1.72298 528.432 0.368749 514.278C-1.76934 490.761 5.45213 468.893 20.4254 450.802Z" fill="currentColor"/>
<path d="M448.187 33.5136C459.073 21.7774 469.119 14.179 484.441 8.81714C506.144 1.19207 530.003 2.61301 550.648 12.7631C557.061 15.9018 563.018 19.8995 568.35 24.6477C575.343 30.8118 584.603 40.8718 591.375 47.8247L631.849 89.3791L665.238 123.523C671.179 129.597 680.141 138.29 685.241 144.788C691.092 152.286 695.61 160.731 698.583 169.764C705.725 191.514 703.92 215.216 693.563 235.628C688.066 246.408 680.338 255.886 670.898 263.446C653.237 277.614 615.453 291.597 593.914 298.675C568.809 306.505 542.973 311.769 516.803 314.382C483.947 317.654 448.976 320.271 421.916 297.596C390.814 271.528 388.089 244.792 390.719 207.036C394.226 157.803 407.181 109.708 428.879 65.3731C434.653 53.6686 439.75 43.5836 448.187 33.5136Z" fill="currentColor"/>
</svg>