npm - newskit - Versions diffs - 0.0.0-e00e1f6 → 0.0.0-e02a96ba5 - Mend

newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3163) hide show

package/site/public/static/illustrations/guides/design-quickstart/step3/hero.svg ADDED Viewed

@@ -0,0 +1,98 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1345"
+  height="759"
+  viewBox="0 0 1345 759"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <g clip-path="url(#nk-1194)">
+    <rect
+      style="fill: var(--color-illustrationBackground010)"
+      width="1345"
+      height="759"
+    ></rect>
+    <path
+      style="fill: var(--color-illustrationInterface040)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M781.136 205.027C781.136 167.637 811.446 137.327 848.836 137.327C886.226 137.327 916.536 167.637 916.536 205.027H1015.55C1021.07 205.027 1025.55 209.504 1025.55 215.027V547.299C1025.55 552.822 1021.07 557.299 1015.55 557.299H683.275C677.752 557.299 673.275 552.822 673.275 547.299V448.29C635.885 448.29 605.574 417.979 605.574 380.589C605.574 343.199 635.885 312.889 673.275 312.889V215.027C673.275 209.504 677.752 205.027 683.275 205.027H781.136Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface040)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M321 215.701C321 210.178 325.477 205.701 331 205.701H663.272C668.795 205.701 673.272 210.178 673.272 215.701V313.563C635.882 313.563 605.572 343.873 605.572 381.263C605.572 418.653 635.882 448.963 673.272 448.963V547.973C673.272 553.496 668.795 557.973 663.272 557.973H565.41C565.41 595.363 535.1 625.674 497.71 625.674C460.32 625.674 430.009 595.363 430.009 557.973H331C325.477 557.973 321 553.496 321 547.973V215.701ZM673.272 448.963C673.272 448.963 673.272 448.963 673.272 448.963V313.563C673.272 313.563 673.272 313.563 673.272 313.563V448.963Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface030)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M321 207.701C321 202.178 325.477 197.701 331 197.701H663.272C668.795 197.701 673.272 202.178 673.272 207.701V305.563C635.882 305.563 605.572 335.873 605.572 373.263C605.572 410.653 635.882 440.963 673.272 440.963V539.973C673.272 545.496 668.795 549.973 663.272 549.973H565.41C565.41 587.363 535.1 617.674 497.71 617.674C460.32 617.674 430.009 587.363 430.009 549.973H331C325.477 549.973 321 545.496 321 539.973V207.701ZM673.272 440.963C673.272 440.963 673.272 440.963 673.272 440.963V305.563C673.272 305.563 673.272 305.563 673.272 305.563V440.963Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface020)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1026.27 188.272V89.4004C1063.54 89.254 1093.7 58.9998 1093.7 21.7005C1093.7 -15.5988 1063.54 -45.853 1026.27 -45.9995V-144C1026.27 -149.523 1021.79 -154 1016.27 -154L683.999 -154C678.476 -154 673.999 -149.523 673.999 -144V188.272C673.999 193.795 678.476 198.272 683.999 198.272H783.008C783.008 198.272 783.008 198.272 783.008 198.272H918.409C918.409 198.272 918.409 198.272 918.409 198.272H1016.27C1021.79 198.272 1026.27 193.795 1026.27 188.272ZM918.409 198.272C918.409 160.882 888.099 130.572 850.709 130.572C813.319 130.572 783.008 160.882 783.008 198.272H918.409Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface020)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M-31.5713 188.272V89.4004C-68.8362 89.254 -99 58.9998 -99 21.7005C-99 -15.5988 -68.8362 -45.853 -31.5713 -45.9995V-144C-31.5713 -149.523 -27.0941 -154 -21.5713 -154L310.701 -154C316.223 -154 320.701 -149.523 320.701 -144V188.272C320.701 193.795 316.223 198.272 310.701 198.272H211.691C211.691 198.272 211.691 198.272 211.691 198.272H76.2902C76.2902 198.272 76.2902 198.272 76.2902 198.272H-21.5713C-27.0941 198.272 -31.5713 193.795 -31.5713 188.272ZM76.2902 198.272C76.2904 160.882 106.601 130.572 143.99 130.572C181.38 130.572 211.691 160.882 211.691 198.272H76.2902Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface020)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1378.27 560.001V658.872C1415.54 659.019 1445.7 689.273 1445.7 726.572C1445.7 763.871 1415.54 794.125 1378.27 794.272V892.272C1378.27 897.795 1373.79 902.272 1368.27 902.272H1036C1030.48 902.272 1026 897.795 1026 892.272V560.001C1026 554.478 1030.48 550.001 1036 550.001H1135.01C1135.01 550 1135.01 550 1135.01 550H1270.41C1270.41 550 1270.41 550 1270.41 550.001H1368.27C1373.79 550.001 1378.27 554.478 1378.27 560.001ZM1270.41 550.001C1270.41 587.39 1240.1 617.701 1202.71 617.701C1165.32 617.701 1135.01 587.39 1135.01 550.001H1270.41Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface020)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M322.271 892.272V793.4C359.535 793.254 389.699 763 389.699 725.7C389.699 688.401 359.535 658.147 322.271 658.001V560C322.271 554.477 317.793 550 312.271 550H-20.0014C-25.5242 550 -30.0014 554.477 -30.0014 560V892.272C-30.0014 897.795 -25.5242 902.272 -20.0014 902.272H79.0082C79.0082 902.272 79.0082 902.272 79.0082 902.272H214.409C214.409 902.272 214.409 902.272 214.409 902.272H312.271C317.793 902.272 322.271 897.795 322.271 892.272ZM214.409 902.272C214.409 864.882 184.099 834.572 146.709 834.572C109.319 834.572 79.0085 864.882 79.0082 902.272H214.409Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface050)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M781.136 197.7C781.136 160.31 811.446 130 848.836 130C886.226 130 916.536 160.31 916.536 197.7H1015.55C1021.07 197.7 1025.55 202.177 1025.55 207.7V539.972C1025.55 545.495 1021.07 549.972 1015.55 549.972H683.275C677.752 549.972 673.275 545.495 673.275 539.972V440.963C635.885 440.963 605.574 410.652 605.574 373.262C605.574 335.872 635.885 305.562 673.275 305.562V207.7C673.275 202.177 677.752 197.7 683.275 197.7H781.136Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationGradient010)"
+      opacity="0.4"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M781.136 197.7C781.136 160.31 811.446 130 848.836 130C886.226 130 916.536 160.31 916.536 197.7H1015.55C1021.07 197.7 1025.55 202.177 1025.55 207.7V539.972C1025.55 545.495 1021.07 549.972 1015.55 549.972H683.275C677.752 549.972 673.275 545.495 673.275 539.972V440.963C635.885 440.963 605.574 410.652 605.574 373.262C605.574 335.872 635.885 305.562 673.275 305.562V207.7C673.275 202.177 677.752 197.7 683.275 197.7H781.136Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      d="M810.273 494C831.801 494 849.273 475.856 849.273 453.5V413H810.273C788.745 413 771.273 431.144 771.273 453.5C771.273 475.856 788.745 494 810.273 494Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      d="M771.273 373C771.273 350.92 788.745 333 810.273 333H849.273V413H810.273C788.745 413 771.273 395.08 771.273 373Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette010)"
+      d="M771.273 293C771.273 270.92 788.745 253 810.273 253H849.273V333H810.273C788.745 333 771.273 315.08 771.273 293Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M849.273 253H888.773C910.577 253 928.273 270.92 928.273 293C928.273 315.08 910.577 333 888.773 333H849.273V253Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M928.273 373C928.273 395.08 910.577 413 888.773 413C866.969 413 849.273 395.08 849.273 373C849.273 350.92 866.969 333 888.773 333C910.577 333 928.273 350.92 928.273 373Z"
+    ></path>
+  </g>
+  <defs>
+    <clipPath id="nk-1194">
+      <rect style="fill: var(--color-white)" width="1345" height="759"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/guides/design-quickstart/step4/hero.svg ADDED Viewed

@@ -0,0 +1,112 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1345"
+  height="759"
+  viewBox="0 0 1345 759"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <g clip-path="url(#nk-1195)">
+    <rect
+      style="fill: var(--color-illustrationBackground010)"
+      width="1345"
+      height="759"
+    ></rect>
+    <path
+      style="fill: var(--color-illustrationInterface020)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M360.599 -93.0575C355.995 -98.4613 352.466 -104.929 350.441 -112.219C342.994 -139.019 358.684 -166.782 385.484 -174.228C412.284 -181.674 440.046 -165.985 447.493 -139.185C454.939 -112.385 439.25 -84.6227 412.45 -77.1763C404.995 -75.1051 397.467 -74.8238 390.322 -76.0736C387.381 -74.5849 385.358 -71.9962 383.303 -68.2963C371.792 -47.5042 360.025 -26.8355 348.258 -6.16847L348.227 -6.11372C343.923 1.44517 339.62 9.00388 335.329 16.5683C334.264 18.4267 333.274 20.3166 332.031 22.6871L332.027 22.6947C331.514 23.6739 330.957 24.7351 330.335 25.91C465.56 -74.4893 611.147 -96.901 771.057 -40.918C772.386 -43.4822 773.734 -46.1401 775.111 -48.855L775.116 -48.8639C778.401 -55.3413 781.851 -62.1425 785.594 -68.7673C792.006 -80.1146 799.1 -82.0856 810.426 -75.7449C835.508 -61.711 860.545 -47.5604 885.505 -33.3107C897.303 -26.5812 899.067 -19.7669 892.302 -7.72383C878.373 17.0715 864.406 41.8252 850.322 66.5334C843.67 78.2333 836.635 80.136 824.736 73.5125C799.897 59.697 775.086 45.7958 750.309 31.8329C738.198 25.0083 736.383 17.8187 743.42 5.5437C745.858 1.27948 748.357 -2.94052 750.872 -7.18787C752.02 -9.12719 753.171 -11.0722 754.322 -13.0297C599.789 -76.0577 404.442 -29.9704 293.195 106.612C301.449 115.488 307.756 126.42 311.225 138.904C318.696 165.795 311.171 193.309 293.686 212.537C288.843 218.116 283.363 222.681 277.197 226.278C271.008 230.126 264.173 233.166 256.796 235.216C244.367 238.669 231.804 238.919 219.989 236.462C163.721 382.249 207.904 581.726 355.687 694.133C356.872 691.763 358.007 689.394 359.134 687.042C361.568 681.962 363.966 676.958 366.744 672.189C372.262 662.676 380.194 660.446 389.77 665.818C415.92 680.516 441.96 695.376 467.925 710.438C476.352 715.323 479.027 723.08 474.534 731.139C462.877 751.923 450.984 772.573 439.091 793.224C434.333 801.486 429.575 809.747 424.833 818.017L415.809 820.524C414.794 820.126 413.757 819.765 412.72 819.404C410.509 818.635 408.295 817.864 406.28 816.725C380.667 802.371 355.071 787.986 329.598 773.385C318.964 767.293 317.122 760.007 323.393 749.089C327.148 742.544 331.173 736.162 335.023 730.057L335.027 730.051L335.041 730.029C336.733 727.346 338.39 724.718 339.976 722.152C209.671 614.066 153.605 477.762 168.993 311.26C157.373 331.023 146.171 350.933 134.982 370.822L134.98 370.824C128.562 382.232 122.148 393.633 115.66 404.995C114.87 406.385 114.269 407.669 113.856 408.893C120.433 415.012 125.455 422.966 128.036 432.256C135.482 459.056 119.793 486.818 92.9927 494.265C66.1926 501.711 38.4303 486.022 30.9839 459.222C23.5375 432.422 39.2267 404.659 66.0268 397.213C72.5554 395.399 79.141 394.958 85.4762 395.716C86.3719 395.123 87.1116 394.432 87.5557 393.647C116.628 342.388 145.507 291.019 174.579 239.308C178.237 232.802 181.898 226.29 185.563 219.772C173.85 209.96 164.884 196.622 160.485 180.788C148.919 139.162 173.287 96.0417 214.913 84.476C230.843 80.05 246.991 80.8865 261.506 85.9387C261.602 85.7917 261.698 85.6442 261.795 85.4962L262.017 85.1571C263.083 83.5286 264.189 81.8382 265.174 80.0683C273.618 65.1156 282.053 50.1614 290.488 35.2081L290.554 35.0909C313.108 -4.89085 335.657 -44.8652 358.345 -84.7822C360.105 -87.8752 360.962 -90.3807 360.599 -93.0575ZM401.657 -107.683C392.683 -106.332 383.906 -111.86 381.415 -120.825C381.409 -120.847 381.403 -120.868 381.397 -120.889C380.246 -129.172 385.684 -136.921 393.861 -138.528C402.487 -140.223 410.986 -134.422 412.578 -125.793C414.05 -117.734 409.231 -110.008 401.657 -107.683ZM190.06 165.013C190.333 167.399 190.795 169.794 191.459 172.181C198.271 196.701 223.671 211.055 248.19 204.242C272.709 197.429 287.063 172.03 280.251 147.511C273.438 122.991 248.038 108.637 223.519 115.45C222.428 115.753 221.358 116.093 220.308 116.468C200.651 123.945 188.217 144.33 190.06 165.013ZM413.169 714.488L413.352 714.591C422.067 719.522 430.84 724.486 439.473 729.365C437.86 732.209 436.24 735.062 434.618 737.92L432.071 742.407C424.569 755.623 417.039 768.887 409.767 781.756C401.903 777.264 393.837 772.657 385.767 768.049L385.176 767.711C376.165 762.565 367.155 757.42 358.422 752.431C363.756 742.826 369.364 732.747 375.04 722.546L375.102 722.434C379.25 714.979 383.435 707.459 387.574 700.012C395.918 704.727 404.514 709.591 413.169 714.488ZM816.582 30.8908L816.249 30.7C803.73 23.534 790.817 16.1426 777.917 8.74771C786.803 -6.97815 796.742 -24.53 806.112 -41.0401C814.31 -36.3964 822.758 -31.6071 831.262 -26.7857L831.485 -26.6592C840.409 -21.5999 849.393 -16.5063 858.216 -11.5097C849.166 4.46955 839.228 22.0213 829.906 38.5181C825.529 36.0119 821.081 33.4661 816.582 30.8908ZM91.8348 439.169C94.3007 447.295 90.1459 455.26 82.1058 457.754C73.6072 460.375 64.7367 455.484 62.3055 446.827C61.855 445.243 61.635 443.698 61.632 442.22C62.852 436.048 67.2388 430.724 73.496 428.543C81.5429 426.8 89.4084 431.218 91.8348 439.169Z"
+    ></path>
+    <circle
+      style="fill: var(--color-illustrationInterface020)"
+      opacity="0.4"
+      cx="237.5"
+      cy="162.5"
+      r="63.5"
+    ></circle>
+    <path
+      style="fill: var(--color-illustrationInterface020)"
+      opacity="0.4"
+      d="M1088 272L1030 338L1218 730L1368 850L1380 674L1298 626L1282 570L1298 530L1332 506H1380L1368 370L1088 272Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface020)"
+      d="M1459.79 932.625C1455.61 928.033 1450.49 924.001 1447.46 918.786C1430.49 889.754 1413.9 860.514 1397.53 831.129C1394.06 824.893 1389.82 821.135 1382.93 818.938C1329.01 801.811 1275.23 784.22 1221.3 767.066C1212.4 764.229 1206.71 759.452 1202.71 750.782C1141.98 619.36 1081.02 488.03 1019.88 356.791C1015 346.322 1015.72 338.281 1023.82 329.705C1039.62 313.005 1054.82 295.694 1069.99 278.385C1076.29 271.165 1083.26 269.343 1092.28 272.387C1231 319.371 1369.74 366.299 1508.55 413.037C1517.06 415.895 1521.3 421.687 1524.69 429.346C1547.52 480.758 1570.64 532.02 1593.36 583.49C1596.41 590.391 1600.65 594.551 1607.58 597.468C1638.89 610.655 1669.97 624.308 1701.11 637.878C1717.64 645.093 1719.94 655.327 1707.87 668.775C1631.75 753.674 1555.57 838.55 1479.37 923.375C1476.51 926.554 1473.02 929.179 1469.83 932.055C1466.47 932.263 1463.13 932.444 1459.79 932.625ZM1082.36 312.966C1154.99 378.141 1227.09 442.837 1299.38 507.683C1348.75 473.4 1401.18 491.117 1427.01 520.954C1457.59 556.235 1458.51 606.825 1429.02 643.056C1400.54 678.028 1350.23 687.577 1310.57 665.422C1290.95 654.44 1276.73 638.455 1268.74 617.475C1257.63 588.313 1260.92 560.058 1274.92 535.479C1201.87 469.924 1129.83 405.252 1057.53 340.406C1052.94 343.652 1050.7 347.655 1054.27 355.304C1112.45 479.825 1170.22 604.502 1228.4 729.023C1230.33 733.147 1235.08 737.306 1239.41 738.731C1289.29 755.328 1339.4 771.297 1389.33 787.812C1396.06 790.043 1399.93 788.924 1404.62 783.638C1456.52 725.396 1508.62 667.332 1560.88 609.445C1565.58 604.239 1566.38 600.261 1563.44 593.783C1542.03 546.845 1520.9 499.81 1500.12 452.597C1496.89 445.251 1492.5 441.26 1484.89 438.701C1356.2 395.431 1227.54 351.944 1099.04 308.155C1090.88 305.384 1085.77 305.769 1082.36 312.966ZM1592.31 625.837C1535.92 688.577 1480.13 750.643 1423.94 813.158C1437.87 837.563 1452.29 862.825 1466.19 887.152C1534.44 811.109 1602.16 735.657 1670.29 659.755C1644.28 648.423 1617.52 636.784 1592.31 625.837ZM1294.34 586.54C1296.17 620.914 1325.62 647.343 1359.85 645.329C1393.52 643.345 1419.93 614.026 1418.42 580.303C1416.89 546.072 1387.43 519.457 1353.14 521.287C1318.36 523.17 1292.49 551.898 1294.34 586.54Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette010)"
+      d="M486 153.718C486 148.904 489.929 145.001 494.753 145.001C607.631 145.001 681.323 145.001 780.525 145.001C780.525 182.334 780.525 182.334 780.525 224.334H860V605.284C860 610.098 856.09 614.001 851.267 614.001H494.733C489.91 614.001 486 610.098 486 605.284V153.718Z"
+    ></path>
+    <g style="mix-blend-mode: color-burn" opacity="0.15">
+      <path
+        style="fill: var(--color-illustrationGradient010)"
+        d="M486 153.719C486 148.905 489.929 145.002 494.753 145.002C607.631 145.002 681.323 145.002 780.525 145.002C780.525 182.335 780.525 182.335 780.525 224.335H860V605.285C860 610.099 856.09 614.002 851.267 614.002H494.733C489.91 614.002 486 610.099 486 605.285V153.719Z"
+      ></path>
+    </g>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      opacity="0.4"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M798.396 127.313V127.001H494.463C479.91 127.001 468 138.765 468 153.392V605.61C468 620.185 479.839 632.001 494.443 632.001H851.557C866.161 632.001 878 620.185 878 605.61V206.449H877.844L878 206.293L798.708 127.001L798.396 127.313ZM780.7 224.11V144.662H494.463C489.632 144.662 485.696 148.571 485.696 153.392V605.61C485.696 610.431 489.612 614.34 494.443 614.34H851.557C856.388 614.34 860.304 610.431 860.304 605.61V224.11H780.7Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationSubtle010)"
+      d="M907.849 670.499C907.849 672.984 878.747 674.999 842.849 674.999C806.95 674.999 777.849 672.984 777.849 670.499C777.849 668.014 806.95 665.999 842.849 665.999C878.747 665.999 907.849 668.014 907.849 670.499Z"
+    ></path>
+    <path
+      d="M819.79 497.719C772.962 510.267 745.149 558.313 757.667 605.034C770.186 651.755 818.296 679.458 865.125 666.91C911.953 654.362 939.766 606.316 927.247 559.595C914.729 512.874 866.618 485.171 819.79 497.719Z"
+      fill="#3358CC"
+    ></path>
+    <path
+      d="M793.009 509.974C800.967 504.551 809.959 500.353 819.79 497.719C834.874 493.677 850.092 493.811 864.21 497.413C872.82 500.308 880.801 503.799 887.318 506.975C905.931 517.999 920.49 535.868 926.864 558.206C927.63 561.242 928.317 564.463 928.906 567.877C929.324 570.295 929.667 572.653 929.938 574.951C931.992 599.247 923.703 622.806 908.099 640.399C903.617 644.103 898.698 647.15 893.557 649.632C869.478 661.26 844.164 660.481 826.395 650.404C817.79 645.524 814.366 636.481 810.261 625.639C805.89 614.093 800.745 600.505 787.746 587.73C767.217 567.557 776.224 531.444 793.009 509.974Z"
+      fill="#446BE4"
+    ></path>
+    <path
+      d="M869.437 498.921C866.983 499.545 864.747 500.44 862.787 501.571C862.009 502.021 861.216 502.476 860.411 502.938C846.418 510.975 828.944 521.01 825.049 534.971C820.931 549.734 827.568 562.391 836.039 577.059C838.906 582.024 840.722 588.04 842.494 593.909C845.594 604.18 848.559 614.004 856.788 616.972C857.441 617.208 888.579 626.073 907.808 617.007C918.342 612.039 924.832 603.956 929.253 595.35C931.02 583.764 930.472 571.635 927.246 559.595C919.263 529.801 896.805 507.741 869.437 498.921Z"
+      fill="#577FFB"
+    ></path>
+    <path
+      d="M896.707 513.391C894.694 513.725 892.885 514.354 891.366 515.231C890.919 515.489 890.464 515.75 890.002 516.015C881.972 520.627 871.944 526.386 869.71 534.398C867.346 542.87 871.155 550.133 876.016 558.55C877.662 561.4 878.704 564.852 879.72 568.22C881.499 574.114 883.201 579.752 887.923 581.455C888.298 581.59 906.167 586.678 917.202 581.475C923.08 578.703 926.763 574.241 929.295 569.456C928.807 566.171 928.126 562.879 927.246 559.595C922.145 540.557 911.133 524.677 896.707 513.391Z"
+      fill="#8BA6F6"
+    ></path>
+    <path
+      style="fill: var(--color-white); stroke: var(--color-white)"
+      d="M895.849 583.572C895.849 587.438 892.715 590.572 888.849 590.572H857.42C853.554 590.572 850.42 593.706 850.42 597.572V629.001C850.42 632.867 847.286 636.001 843.42 636.001H842.277C838.411 636.001 835.277 632.867 835.277 629.001V597.572C835.277 593.706 832.143 590.572 828.277 590.572H796.849C792.983 590.572 789.849 587.438 789.849 583.572V582.43C789.849 578.564 792.983 575.43 796.849 575.43H828.277C832.143 575.43 835.277 572.296 835.277 568.43V537.001C835.277 533.135 838.411 530.001 842.277 530.001H843.42C847.286 530.001 850.42 533.135 850.42 537.001V568.43C850.42 572.296 853.554 575.43 857.42 575.43H888.849C892.715 575.43 895.849 578.564 895.849 582.43V583.572Z"
+      stroke-width="6"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      opacity="0.4"
+      d="M633 500C654.528 500 672 481.856 672 459.5V419H633C611.472 419 594 437.144 594 459.5C594 481.856 611.472 500 633 500Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      opacity="0.4"
+      d="M594 379C594 356.92 611.472 339 633 339H672V419H633C611.472 419 594 401.08 594 379Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationInterface030)"
+      opacity="0.4"
+      d="M594 299.001C594 276.921 611.472 259.001 633 259.001H672V339.001H633C611.472 339.001 594 321.081 594 299.001Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      opacity="0.4"
+      d="M672 259.001H711.5C733.304 259.001 751 276.921 751 299.001C751 321.081 733.304 339.001 711.5 339.001H672V259.001Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      opacity="0.4"
+      d="M751 379C751 401.08 733.304 419 711.5 419C689.696 419 672 401.08 672 379C672 356.92 689.696 339 711.5 339C733.304 339 751 356.92 751 379Z"
+    ></path>
+  </g>
+  <defs>
+    <clipPath id="nk-1195">
+      <rect style="fill: var(--color-white)" width="1345" height="759"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/guides/design-quickstart/step4/starting-a-figma-project-new-project-01.svg ADDED Viewed

@@ -0,0 +1,168 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1345"
+  height="759"
+  viewBox="0 0 1345 759"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <g clip-path="url(#nk-1196)">
+    <rect
+      style="fill: var(--color-illustrationBackground020)"
+      width="1345"
+      height="759"
+    ></rect>
+    <g clip-path="url(#nk-1197)">
+      <rect
+        style="fill: var(--color-white)"
+        x="280"
+        y="114"
+        width="1114"
+        height="692"
+        rx="25.0205"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette040)"
+        x="328"
+        y="501"
+        width="279"
+        height="55"
+      ></rect>
+      <path
+        style="fill: var(--color-illustrationPalette020)"
+        d="M280 114H1394.39V208H280V114Z"
+      ></path>
+      <path
+        style="fill: var(--color-illustrationPalette020)"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M595.884 253.049H339.423C334.171 253.049 329.913 257.307 329.913 262.559V914.656C329.913 919.909 334.171 924.167 339.423 924.167H595.884C601.136 924.167 605.394 919.909 605.394 914.656V262.559C605.394 257.307 601.136 253.049 595.884 253.049ZM339.423 250.049C332.514 250.049 326.913 255.65 326.913 262.559V914.656C326.913 921.566 332.514 927.167 339.423 927.167H595.884C602.793 927.167 608.394 921.565 608.394 914.656V262.559C608.394 255.65 602.793 250.049 595.884 250.049H339.423Z"
+      ></path>
+      <rect
+        x="282.5"
+        y="116.5"
+        width="1109.39"
+        height="687"
+        rx="22.5205"
+        stroke="#AEBFFF"
+        stroke-width="5"
+      ></rect>
+      <path
+        style="fill: var(--color-white)"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M338.639 129.638C333.029 129.638 328.477 134.308 328.477 140.063C328.477 145.793 332.991 150.448 338.568 150.488C332.991 150.527 328.477 155.183 328.477 160.913C328.477 166.668 333.029 171.338 338.639 171.338H348.802L348.802 150.488L348.802 150.488L348.802 129.638H338.639ZM338.639 192.19C344.249 192.19 348.802 187.519 348.802 181.764V171.339H338.639C333.029 171.339 328.477 176.01 328.477 181.764C328.477 187.519 333.029 192.19 338.639 192.19ZM348.806 129.638H358.968C364.578 129.638 369.131 134.308 369.131 140.063C369.131 145.793 364.617 150.448 359.04 150.488C364.617 150.527 369.131 155.183 369.131 160.913C369.131 166.668 364.578 171.338 358.968 171.338C353.359 171.338 348.806 166.668 348.806 160.913C348.806 155.193 353.304 150.544 358.867 150.488H348.806V129.638Z"
+      ></path>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="398.847"
+        y="154.658"
+        width="50"
+        height="13"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="464.524"
+        y="154.658"
+        width="50"
+        height="13"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="359.751"
+        y="356.386"
+        width="50"
+        height="18"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="359.751"
+        y="293.834"
+        width="50"
+        height="18"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="359.751"
+        y="392"
+        width="50"
+        height="18"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="359.751"
+        y="424.84"
+        width="50"
+        height="18"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="359.751"
+        y="457.68"
+        width="50"
+        height="18"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="530.204"
+        y="154.658"
+        width="50"
+        height="13"
+      ></rect>
+      <rect
+        style="fill: var(--color-illustrationPalette010)"
+        x="595.884"
+        y="154.658"
+        width="50"
+        height="13"
+      ></rect>
+      <path
+        style="fill: var(--color-illustrationPalette020)"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M606.829 331.365H330.04V329.365H606.829V331.365Z"
+      ></path>
+      <path
+        style="fill: var(--color-white)"
+        d="M560 530.186V526.766H569.613V518H573.387V526.766H583V530.186H573.387V539H569.613V530.186H560Z"
+      ></path>
+    </g>
+    <path
+      style="fill: var(--color-white)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M385.924 521.015C387.334 521.185 388.005 522.662 387.995 524.613L388.002 524.607C385.688 526.443 381.131 527.699 376.654 525.311L376.659 525.304C377.319 525.646 378.016 525.911 378.836 526.009C379.84 526.131 380.648 525.588 381.38 524.821L381.432 524.766C381.441 524.756 381.449 524.747 381.458 524.738L381.51 524.681L381.561 524.624L381.613 524.567L381.664 524.509C381.672 524.499 381.681 524.489 381.689 524.479L381.74 524.42L381.791 524.361L381.852 524.287C381.863 524.275 381.873 524.263 381.883 524.25L381.96 524.157L382.036 524.064L382.096 523.988L382.157 523.912L382.217 523.836L382.308 523.721L382.463 523.522L382.65 523.282L382.767 523.132L382.855 523.02L382.943 522.91L383.002 522.836L383.06 522.764L383.119 522.692L383.179 522.62L383.238 522.55L383.285 522.494L383.333 522.438L383.381 522.384L383.429 522.329C383.437 522.32 383.445 522.311 383.453 522.302L383.501 522.249C383.509 522.24 383.517 522.232 383.525 522.223L383.573 522.171C383.597 522.145 383.622 522.119 383.646 522.093L383.695 522.043C383.719 522.018 383.744 521.993 383.768 521.969L383.818 521.921C384.443 521.314 385.119 520.918 385.924 521.015Z"
+    ></path>
+    <path
+      style="fill: var(--color-white)"
+      opacity="0.4"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M371.157 532.552L371.162 532.557C370.567 532.281 369.949 532.073 369.26 531.99C368.529 531.902 367.895 532.201 367.31 532.691L367.264 532.73C367.241 532.75 367.218 532.77 367.195 532.79L367.149 532.831L367.104 532.873C367.066 532.908 367.028 532.944 366.991 532.98L366.946 533.024L366.901 533.069L366.857 533.114C366.849 533.122 366.842 533.13 366.835 533.137L366.79 533.183C366.783 533.191 366.776 533.199 366.768 533.207L366.716 533.263C366.698 533.281 366.681 533.3 366.664 533.319L366.612 533.377C366.603 533.386 366.594 533.396 366.586 533.406L366.534 533.464L366.482 533.523L366.431 533.582L366.379 533.642L366.353 533.673L366.29 533.748L366.259 533.785L366.196 533.861L366.164 533.9L366.102 533.976L366.039 534.054L365.946 534.17L365.821 534.326L365.539 534.683L365.445 534.8L365.352 534.916L365.289 534.994L365.196 535.109L365.133 535.185L365.07 535.26L365.007 535.335L364.944 535.409L364.895 535.466L364.845 535.523L364.796 535.579L364.746 535.634L364.696 535.689L364.646 535.743L364.596 535.797L364.571 535.823L364.52 535.876L364.478 535.918L364.436 535.961L364.394 536.003C364.373 536.023 364.351 536.044 364.33 536.064L364.288 536.104L364.245 536.144C364.238 536.151 364.231 536.157 364.223 536.164L364.18 536.202C364.152 536.228 364.123 536.253 364.094 536.278L364.05 536.314C364.043 536.32 364.036 536.326 364.029 536.332L363.985 536.368C363.437 536.806 362.846 537.066 362.173 536.985C360.774 536.816 360.076 535.368 360.041 533.446L360 533.483C362.673 531.03 367.221 530.704 371.157 532.552Z"
+    ></path>
+    <path
+      style="fill: var(--color-white)"
+      opacity="0.7"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M377.661 535.409C376.457 535.245 375.467 534.885 374.588 534.455L374.508 534.416C374.481 534.403 374.455 534.39 374.429 534.377L374.35 534.337L374.253 534.286L374.156 534.236L374.08 534.195L373.985 534.143L373.89 534.091L373.815 534.05L373.741 534.008L373.63 533.945L373.483 533.861L373.366 533.793L373.25 533.724L373.077 533.622L372.679 533.385L372.566 533.318L372.425 533.236L372.285 533.154C371.912 532.937 371.542 532.733 371.162 532.557L371.157 532.552C367.26 530.723 362.764 531.024 360.08 533.411L360.04 533.447C359.957 528.899 363.587 521.699 370.443 522.525C371.644 522.67 372.607 523.009 373.449 523.423L373.524 523.46C373.549 523.472 373.573 523.485 373.598 523.498L373.672 523.535L373.708 523.555L373.781 523.593L373.854 523.632L373.926 523.671L373.961 523.691L374.05 523.74L374.138 523.79L374.208 523.83L374.277 523.87L374.346 523.91L374.414 523.951L374.482 523.992L374.55 524.033L374.618 524.073L374.727 524.141L374.782 524.174L374.89 524.242L374.998 524.309L375.477 524.611L375.582 524.677L375.687 524.742L375.819 524.823L375.95 524.903C376.168 525.035 376.387 525.161 376.61 525.278L376.694 525.322C381.116 527.664 385.603 526.463 387.933 524.662L387.995 524.613C387.972 529.137 384.285 536.208 377.661 535.409Z"
+    ></path>
+  </g>
+  <defs>
+    <clipPath id="nk-1196">
+      <rect style="fill: var(--color-white)" width="1345" height="759"></rect>
+    </clipPath>
+    <clipPath id="nk-1197">
+      <rect
+        style="fill: var(--color-white)"
+        x="280"
+        y="114"
+        width="1114"
+        height="692"
+        rx="25.0205"
+      ></rect>
+    </clipPath>
+  </defs>
+</svg>