diff --git a/website/public/brand/webjs-brand-assets.zip b/website/public/brand/webjs-brand-assets.zip
index b1773d499..4fda98356 100644
Binary files a/website/public/brand/webjs-brand-assets.zip and b/website/public/brand/webjs-brand-assets.zip differ
diff --git a/website/public/brand/webjs-lockup-on-dark.svg b/website/public/brand/webjs-lockup-on-dark.svg
index 589aefec3..ab567ec77 100644
--- a/website/public/brand/webjs-lockup-on-dark.svg
+++ b/website/public/brand/webjs-lockup-on-dark.svg
@@ -1,14 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 722 190" width="722" height="190" role="img" aria-label="WebJs">
-  <defs>
-    <mask id="wj" maskUnits="userSpaceOnUse" x="0" y="0" width="340" height="190">
-      <rect x="0" y="0" width="340" height="190" fill="#000"/>
-      <g transform="translate(40,0) skewX(-14)">
-        <path d="M10 10 L60 150 L110 66 L160 150 L210 10" fill="none" stroke="#fff" stroke-width="32" stroke-linejoin="miter" stroke-linecap="butt"/>
-      </g>
-      <rect x="0" y="80" width="235" height="11" fill="#000"/>
-    </mask>
-  </defs>
-  <rect x="0" y="0" width="340" height="190" fill="#f7f5f2" mask="url(#wj)"/>
+  <path fill="#f7f5f2" d="M 31.097 15.381 L 38.064 80.000 L 222.044 80.000 L 261.233 15.381 L 233.781 4.619 L 188.064 80.000 L 157.007 80.000 L 141.344 34.718 L 103.100 80.000 L 72.044 80.000 L 63.916 4.619 Z"/>
+  <path fill="#f7f5f2" d="M 39.250 91.000 L 49.642 187.390 L 125.745 97.282 L 156.915 187.390 L 215.372 91.000 L 181.393 91.000 L 168.287 112.610 L 160.812 91.000 L 93.810 91.000 L 75.559 112.610 L 73.230 91.000 Z"/>
   <g fill="#f7f5f2">
     <path transform="translate(222.00,150) scale(0.071023,-0.071023)" d="M744 -28Q498 -28 336 66.5Q174 161 108 338.5Q42 516 84 764Q124 1002 249.5 1180Q375 1358 566.5 1457Q758 1556 996 1556Q1170 1556 1301.5 1502Q1433 1448 1516 1345Q1599 1242 1628.5 1096.5Q1658 951 1628 768L1608 640L236 640L284 944L1148 944Q1158 1010 1135.5 1060.5Q1113 1111 1064.5 1139.5Q1016 1168 948 1168Q880 1168 820.5 1139Q761 1110 719.5 1058Q678 1006 664 936L604 616Q592 542 613 484Q634 426 686 393Q738 360 820 360Q876 360 926.5 375.5Q977 391 1016.5 421.5Q1056 452 1080 496L1584 496Q1530 336 1413.5 218.5Q1297 101 1127.5 36.5Q958 -28 744 -28Z"/>
     <path transform="translate(343.59,150) scale(0.071023,-0.071023)" d="M4 0L344 2048L896 2048L768 1268L776 1268Q818 1346 887 1411.5Q956 1477 1049 1516.5Q1142 1556 1256 1556Q1408 1556 1531.5 1475Q1655 1394 1712.5 1220Q1770 1046 1724 768Q1680 502 1568 327Q1456 152 1304 66Q1152 -20 988 -20Q880 -20 801.5 15.5Q723 51 674.5 112.5Q626 174 608 252L592 252L552 0ZM672 768Q654 656 670 574.5Q686 493 733 448.5Q780 404 856 404Q932 404 993 447.5Q1054 491 1096 572.5Q1138 654 1156 768Q1174 882 1159 963.5Q1144 1045 1098 1088.5Q1052 1132 976 1132Q900 1132 838 1088.5Q776 1045 733 963.5Q690 882 672 768Z"/>
diff --git a/website/public/brand/webjs-lockup-on-light.svg b/website/public/brand/webjs-lockup-on-light.svg
index 07dcb9dc1..f1a796362 100644
--- a/website/public/brand/webjs-lockup-on-light.svg
+++ b/website/public/brand/webjs-lockup-on-light.svg
@@ -1,14 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 722 190" width="722" height="190" role="img" aria-label="WebJs">
-  <defs>
-    <mask id="wj" maskUnits="userSpaceOnUse" x="0" y="0" width="340" height="190">
-      <rect x="0" y="0" width="340" height="190" fill="#000"/>
-      <g transform="translate(40,0) skewX(-14)">
-        <path d="M10 10 L60 150 L110 66 L160 150 L210 10" fill="none" stroke="#fff" stroke-width="32" stroke-linejoin="miter" stroke-linecap="butt"/>
-      </g>
-      <rect x="0" y="80" width="235" height="11" fill="#000"/>
-    </mask>
-  </defs>
-  <rect x="0" y="0" width="340" height="190" fill="#161311" mask="url(#wj)"/>
+  <path fill="#161311" d="M 31.097 15.381 L 38.064 80.000 L 222.044 80.000 L 261.233 15.381 L 233.781 4.619 L 188.064 80.000 L 157.007 80.000 L 141.344 34.718 L 103.100 80.000 L 72.044 80.000 L 63.916 4.619 Z"/>
+  <path fill="#161311" d="M 39.250 91.000 L 49.642 187.390 L 125.745 97.282 L 156.915 187.390 L 215.372 91.000 L 181.393 91.000 L 168.287 112.610 L 160.812 91.000 L 93.810 91.000 L 75.559 112.610 L 73.230 91.000 Z"/>
   <g fill="#161311">
     <path transform="translate(222.00,150) scale(0.071023,-0.071023)" d="M744 -28Q498 -28 336 66.5Q174 161 108 338.5Q42 516 84 764Q124 1002 249.5 1180Q375 1358 566.5 1457Q758 1556 996 1556Q1170 1556 1301.5 1502Q1433 1448 1516 1345Q1599 1242 1628.5 1096.5Q1658 951 1628 768L1608 640L236 640L284 944L1148 944Q1158 1010 1135.5 1060.5Q1113 1111 1064.5 1139.5Q1016 1168 948 1168Q880 1168 820.5 1139Q761 1110 719.5 1058Q678 1006 664 936L604 616Q592 542 613 484Q634 426 686 393Q738 360 820 360Q876 360 926.5 375.5Q977 391 1016.5 421.5Q1056 452 1080 496L1584 496Q1530 336 1413.5 218.5Q1297 101 1127.5 36.5Q958 -28 744 -28Z"/>
     <path transform="translate(343.59,150) scale(0.071023,-0.071023)" d="M4 0L344 2048L896 2048L768 1268L776 1268Q818 1346 887 1411.5Q956 1477 1049 1516.5Q1142 1556 1256 1556Q1408 1556 1531.5 1475Q1655 1394 1712.5 1220Q1770 1046 1724 768Q1680 502 1568 327Q1456 152 1304 66Q1152 -20 988 -20Q880 -20 801.5 15.5Q723 51 674.5 112.5Q626 174 608 252L592 252L552 0ZM672 768Q654 656 670 574.5Q686 493 733 448.5Q780 404 856 404Q932 404 993 447.5Q1054 491 1096 572.5Q1138 654 1156 768Q1174 882 1159 963.5Q1144 1045 1098 1088.5Q1052 1132 976 1132Q900 1132 838 1088.5Q776 1045 733 963.5Q690 882 672 768Z"/>
diff --git a/website/public/brand/webjs-mark-on-dark.svg b/website/public/brand/webjs-mark-on-dark.svg
index 668ffade2..d9e29237b 100644
--- a/website/public/brand/webjs-mark-on-dark.svg
+++ b/website/public/brand/webjs-mark-on-dark.svg
@@ -1,12 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="24 -4 248 196" width="248" height="196" role="img" aria-label="WebJs">
-  <defs>
-    <mask id="w" maskUnits="userSpaceOnUse" x="24" y="-4" width="248" height="196">
-      <rect x="24" y="-4" width="248" height="196" fill="#000"/>
-      <g transform="translate(40,0) skewX(-14)">
-        <path d="M10 10 L60 150 L110 66 L160 150 L210 10" fill="none" stroke="#fff" stroke-width="32" stroke-linejoin="miter" stroke-linecap="butt"/>
-      </g>
-      <rect x="24" y="80" width="248" height="11" fill="#000"/>
-    </mask>
-  </defs>
-  <rect x="24" y="-4" width="248" height="196" fill="#ffffff" mask="url(#w)"/>
+  <path fill="#ffffff" d="M 31.097 15.381 L 38.064 80.000 L 222.044 80.000 L 261.233 15.381 L 233.781 4.619 L 188.064 80.000 L 157.007 80.000 L 141.344 34.718 L 103.100 80.000 L 72.044 80.000 L 63.916 4.619 Z"/>
+  <path fill="#ffffff" d="M 39.250 91.000 L 49.642 187.390 L 125.745 97.282 L 156.915 187.390 L 215.372 91.000 L 181.393 91.000 L 168.287 112.610 L 160.812 91.000 L 93.810 91.000 L 75.559 112.610 L 73.230 91.000 Z"/>
 </svg>
diff --git a/website/public/brand/webjs-mark-on-light.svg b/website/public/brand/webjs-mark-on-light.svg
index 86d14d479..230cb5411 100644
--- a/website/public/brand/webjs-mark-on-light.svg
+++ b/website/public/brand/webjs-mark-on-light.svg
@@ -1,12 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="24 -4 248 196" width="248" height="196" role="img" aria-label="WebJs">
-  <defs>
-    <mask id="w" maskUnits="userSpaceOnUse" x="24" y="-4" width="248" height="196">
-      <rect x="24" y="-4" width="248" height="196" fill="#000"/>
-      <g transform="translate(40,0) skewX(-14)">
-        <path d="M10 10 L60 150 L110 66 L160 150 L210 10" fill="none" stroke="#fff" stroke-width="32" stroke-linejoin="miter" stroke-linecap="butt"/>
-      </g>
-      <rect x="24" y="80" width="248" height="11" fill="#000"/>
-    </mask>
-  </defs>
-  <rect x="24" y="-4" width="248" height="196" fill="#000000" mask="url(#w)"/>
+  <path fill="#000000" d="M 31.097 15.381 L 38.064 80.000 L 222.044 80.000 L 261.233 15.381 L 233.781 4.619 L 188.064 80.000 L 157.007 80.000 L 141.344 34.718 L 103.100 80.000 L 72.044 80.000 L 63.916 4.619 Z"/>
+  <path fill="#000000" d="M 39.250 91.000 L 49.642 187.390 L 125.745 97.282 L 156.915 187.390 L 215.372 91.000 L 181.393 91.000 L 168.287 112.610 L 160.812 91.000 L 93.810 91.000 L 75.559 112.610 L 73.230 91.000 Z"/>
 </svg>