brand system

identity / logo system / four-piece mark

activemenu

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.

16px
24px
32px
48px
64px
96px
160px

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.

download 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>