newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5

package/site/public/static/illustrations/patterns/forms/names/how-to-ask.svg

@@ -0,0 +1,151 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <path
+    style="fill: var(--color-illustrationInterface020)"
+    d="M0 0H1490V838H0V0Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface010)"
+    d="M460 543.448C460 534.364 467.364 527 476.448 527H1013.55C1022.64 527 1030 534.364 1030 543.448V635.552C1030 644.636 1022.64 652 1013.55 652H476.448C467.364 652 460 644.636 460 635.552V543.448Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface010)"
+    d="M460 269.448C460 260.364 467.364 253 476.448 253H1013.55C1022.64 253 1030 260.364 1030 269.448V361.552C1030 370.636 1022.64 378 1013.55 378H476.448C467.364 378 460 370.636 460 361.552V269.448Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M495.817 329V301.416H499.679L509.61 320.646L519.461 301.416H523.363V329H520.052V307.327L510.831 325.06H508.349L499.128 307.366V329H495.817Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M535.487 329.473C533.858 329.473 532.505 329.197 531.428 328.646C530.351 328.094 529.55 327.358 529.025 326.439C528.499 325.519 528.236 324.521 528.236 323.444C528.236 321.447 528.998 319.91 530.522 318.833C532.046 317.756 534.121 317.218 536.748 317.218H542.029V316.981C542.029 315.274 541.582 313.986 540.689 313.119C539.796 312.226 538.6 311.779 537.103 311.779C535.816 311.779 534.699 312.108 533.753 312.765C532.834 313.395 532.256 314.328 532.019 315.563H528.63C528.762 314.144 529.235 312.949 530.049 311.977C530.89 311.004 531.928 310.269 533.162 309.77C534.397 309.244 535.711 308.982 537.103 308.982C539.835 308.982 541.884 309.717 543.25 311.188C544.643 312.633 545.339 314.564 545.339 316.981V329H542.383L542.186 325.493C541.635 326.596 540.82 327.542 539.743 328.33C538.692 329.092 537.274 329.473 535.487 329.473ZM536 326.675C537.261 326.675 538.338 326.347 539.231 325.69C540.15 325.033 540.847 324.179 541.319 323.129C541.792 322.078 542.029 320.974 542.029 319.818V319.779H537.024C535.08 319.779 533.701 320.121 532.886 320.804C532.098 321.46 531.704 322.288 531.704 323.286C531.704 324.311 532.072 325.138 532.808 325.769C533.569 326.373 534.633 326.675 536 326.675Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M550.305 329V309.454H553.3L553.576 313.198C554.18 311.911 555.099 310.886 556.334 310.124C557.569 309.363 559.092 308.982 560.905 308.982V312.449H559.999C558.843 312.449 557.779 312.66 556.807 313.08C555.835 313.474 555.06 314.157 554.482 315.129C553.904 316.101 553.615 317.441 553.615 319.149V329H550.305Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M566.748 337.67L571.595 327.109H570.453L562.69 309.454H566.276L572.738 324.665L579.595 309.454H583.023L570.216 337.67H566.748Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M595.409 329L605.576 301.416H609.083L619.211 329H615.704L613.182 321.907H601.439L598.877 329H595.409ZM602.424 319.227H612.197L607.31 305.593L602.424 319.227Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M623.115 329V309.454H626.11L626.307 312.962C626.937 311.727 627.843 310.755 629.026 310.046C630.208 309.336 631.548 308.982 633.045 308.982C635.357 308.982 637.196 309.691 638.562 311.11C639.954 312.502 640.651 314.656 640.651 317.572V329H637.34V317.927C637.34 313.855 635.659 311.819 632.296 311.819C630.615 311.819 629.21 312.436 628.08 313.671C626.977 314.879 626.425 316.613 626.425 318.873V329H623.115Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M645.666 329V309.454H648.661L648.858 312.962C649.488 311.727 650.395 310.755 651.577 310.046C652.759 309.336 654.099 308.982 655.596 308.982C657.908 308.982 659.747 309.691 661.113 311.11C662.505 312.502 663.202 314.656 663.202 317.572V329H659.892V317.927C659.892 313.855 658.21 311.819 654.847 311.819C653.166 311.819 651.761 312.436 650.631 313.671C649.528 314.879 648.976 316.613 648.976 318.873V329H645.666Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M501.492 601.465L493.926 573.841H497.472L503.423 597.524L510.201 573.841H513.866L520.446 597.524L526.476 573.841H530.022L522.299 601.426H518.516L511.935 578.648L505.196 601.426L501.492 601.465Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M535.728 577.545C535.071 577.545 534.52 577.335 534.073 576.915C533.653 576.468 533.443 575.916 533.443 575.26C533.443 574.629 533.653 574.104 534.073 573.683C534.52 573.263 535.071 573.053 535.728 573.053C536.359 573.053 536.897 573.263 537.344 573.683C537.79 574.104 538.014 574.629 538.014 575.26C538.014 575.916 537.79 576.468 537.344 576.915C536.897 577.335 536.359 577.545 535.728 577.545ZM534.073 601.426V581.88H537.383V601.426H534.073Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M543.147 601.426V573.053H546.457V601.426H543.147Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M551.882 601.426V573.053H555.193V601.426H551.882Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M562.628 577.545C561.971 577.545 561.419 577.335 560.973 576.915C560.552 576.468 560.342 575.916 560.342 575.26C560.342 574.629 560.552 574.104 560.973 573.683C561.419 573.263 561.971 573.053 562.628 573.053C563.258 573.053 563.797 573.263 564.244 573.683C564.69 574.104 564.913 574.629 564.913 575.26C564.913 575.916 564.69 576.468 564.244 576.915C563.797 577.335 563.258 577.545 562.628 577.545ZM560.973 601.426V581.88H564.283V601.426H560.973Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M576.549 601.898C574.92 601.898 573.567 601.623 572.49 601.071C571.413 600.519 570.611 599.784 570.086 598.864C569.56 597.945 569.298 596.946 569.298 595.869C569.298 593.873 570.06 592.336 571.583 591.259C573.107 590.181 575.182 589.643 577.81 589.643H583.09V589.406C583.09 587.699 582.643 586.412 581.75 585.545C580.857 584.651 579.662 584.205 578.164 584.205C576.877 584.205 575.76 584.533 574.815 585.19C573.895 585.82 573.317 586.753 573.081 587.988H569.692C569.823 586.569 570.296 585.374 571.11 584.402C571.951 583.43 572.989 582.694 574.224 582.195C575.458 581.67 576.772 581.407 578.164 581.407C580.896 581.407 582.946 582.143 584.312 583.614C585.704 585.059 586.4 586.99 586.4 589.406V601.426H583.445L583.248 597.918C582.696 599.022 581.882 599.967 580.804 600.756C579.754 601.517 578.335 601.898 576.549 601.898ZM577.061 599.101C578.322 599.101 579.399 598.772 580.292 598.115C581.212 597.459 581.908 596.605 582.381 595.554C582.854 594.503 583.09 593.4 583.09 592.244V592.204H578.085C576.141 592.204 574.762 592.546 573.948 593.229C573.16 593.886 572.766 594.713 572.766 595.712C572.766 596.736 573.133 597.564 573.869 598.194C574.631 598.798 575.695 599.101 577.061 599.101Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M591.366 601.426V581.88H594.361L594.597 584.717C595.228 583.666 596.069 582.852 597.119 582.274C598.17 581.696 599.352 581.407 600.666 581.407C602.216 581.407 603.543 581.722 604.646 582.353C605.776 582.983 606.643 583.942 607.247 585.229C607.93 584.047 608.863 583.115 610.045 582.432C611.253 581.748 612.554 581.407 613.946 581.407C616.284 581.407 618.149 582.116 619.542 583.535C620.934 584.927 621.63 587.081 621.63 589.998V601.426H618.36V590.352C618.36 588.329 617.952 586.806 617.138 585.781C616.324 584.757 615.155 584.244 613.631 584.244C612.055 584.244 610.741 584.862 609.69 586.096C608.666 587.305 608.153 589.039 608.153 591.298V601.426H604.843V590.352C604.843 588.329 604.436 586.806 603.622 585.781C602.807 584.757 601.638 584.244 600.114 584.244C598.564 584.244 597.264 584.862 596.213 586.096C595.189 587.305 594.676 589.039 594.676 591.298V601.426H591.366Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M634.104 601.898C631.766 601.898 629.822 601.307 628.272 600.125C626.722 598.943 625.815 597.34 625.553 595.317H628.942C629.152 596.342 629.69 597.235 630.557 597.997C631.45 598.733 632.646 599.101 634.143 599.101C635.536 599.101 636.56 598.812 637.217 598.234C637.874 597.629 638.202 596.92 638.202 596.106C638.202 594.923 637.769 594.135 636.902 593.741C636.061 593.347 634.866 592.992 633.316 592.677C632.265 592.467 631.214 592.165 630.163 591.771C629.112 591.377 628.232 590.825 627.523 590.116C626.814 589.38 626.459 588.421 626.459 587.239C626.459 585.532 627.089 584.139 628.35 583.062C629.638 581.959 631.372 581.407 633.552 581.407C635.628 581.407 637.322 581.932 638.636 582.983C639.975 584.008 640.75 585.479 640.961 587.397H637.69C637.558 586.398 637.125 585.623 636.389 585.072C635.68 584.494 634.721 584.205 633.513 584.205C632.331 584.205 631.411 584.454 630.754 584.954C630.124 585.453 629.808 586.109 629.808 586.924C629.808 587.712 630.216 588.329 631.03 588.776C631.871 589.223 633 589.604 634.419 589.919C635.628 590.181 636.77 590.51 637.847 590.904C638.951 591.272 639.844 591.837 640.527 592.598C641.236 593.334 641.591 594.411 641.591 595.83C641.617 597.59 640.947 599.048 639.581 600.204C638.242 601.334 636.416 601.898 634.104 601.898Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M466.517 493.828H474.62V497H462.586V473.036H466.517V493.828Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M476.597 487.414C476.597 485.506 476.988 483.817 477.769 482.345C478.574 480.874 479.654 479.736 481.01 478.932C482.39 478.104 483.907 477.691 485.562 477.691C487.056 477.691 488.355 477.989 489.458 478.587C490.584 479.162 491.481 479.886 492.148 480.759V478.001H496.113V497H492.148V494.172C491.481 495.069 490.573 495.816 489.424 496.414C488.274 497.011 486.964 497.31 485.493 497.31C483.861 497.31 482.367 496.896 481.01 496.069C479.654 495.218 478.574 494.046 477.769 492.552C476.988 491.035 476.597 489.322 476.597 487.414ZM492.148 487.483C492.148 486.173 491.872 485.035 491.32 484.07C490.791 483.104 490.09 482.368 489.217 481.863C488.343 481.357 487.401 481.104 486.389 481.104C485.378 481.104 484.435 481.357 483.562 481.863C482.688 482.345 481.976 483.07 481.424 484.035C480.895 484.977 480.631 486.104 480.631 487.414C480.631 488.724 480.895 489.874 481.424 490.862C481.976 491.851 482.688 492.609 483.562 493.138C484.458 493.644 485.401 493.897 486.389 493.897C487.401 493.897 488.343 493.644 489.217 493.138C490.09 492.632 490.791 491.897 491.32 490.931C491.872 489.943 492.148 488.793 492.148 487.483Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M508.172 497.31C506.678 497.31 505.333 497.046 504.138 496.517C502.965 495.965 502.034 495.23 501.345 494.31C500.655 493.368 500.287 492.322 500.241 491.173H504.31C504.379 491.977 504.758 492.655 505.448 493.207C506.161 493.736 507.046 494 508.103 494C509.206 494 510.057 493.793 510.655 493.379C511.275 492.943 511.586 492.391 511.586 491.724C511.586 491.012 511.241 490.483 510.551 490.138C509.885 489.793 508.816 489.414 507.344 489C505.919 488.609 504.758 488.23 503.862 487.862C502.965 487.495 502.184 486.931 501.517 486.173C500.874 485.414 500.552 484.414 500.552 483.173C500.552 482.162 500.851 481.242 501.448 480.415C502.046 479.564 502.896 478.897 504 478.415C505.126 477.932 506.413 477.691 507.862 477.691C510.022 477.691 511.758 478.242 513.068 479.346C514.402 480.426 515.114 481.909 515.206 483.794H511.275C511.206 482.943 510.861 482.265 510.241 481.759C509.62 481.254 508.781 481.001 507.724 481.001C506.689 481.001 505.896 481.196 505.345 481.587C504.793 481.978 504.517 482.495 504.517 483.139C504.517 483.644 504.701 484.07 505.069 484.414C505.437 484.759 505.885 485.035 506.413 485.242C506.942 485.426 507.724 485.667 508.758 485.966C510.137 486.334 511.264 486.713 512.137 487.104C513.034 487.472 513.804 488.023 514.447 488.759C515.091 489.494 515.424 490.471 515.447 491.69C515.447 492.77 515.149 493.736 514.551 494.586C513.953 495.437 513.103 496.103 511.999 496.586C510.919 497.069 509.643 497.31 508.172 497.31Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M524.281 481.208V491.724C524.281 492.437 524.442 492.954 524.763 493.276C525.108 493.575 525.683 493.724 526.487 493.724H528.901V497H525.798C524.028 497 522.672 496.586 521.729 495.758C520.787 494.931 520.315 493.586 520.315 491.724V481.208H518.074V478.001H520.315V473.277H524.281V478.001H528.901V481.208H524.281Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M551.067 477.691C552.561 477.691 553.894 478.001 555.066 478.622C556.262 479.242 557.193 480.162 557.859 481.38C558.526 482.598 558.859 484.07 558.859 485.794V497H554.963V486.38C554.963 484.679 554.538 483.38 553.687 482.483C552.837 481.564 551.676 481.104 550.205 481.104C548.733 481.104 547.561 481.564 546.688 482.483C545.837 483.38 545.412 484.679 545.412 486.38V497H541.481V478.001H545.412V480.173C546.055 479.392 546.871 478.782 547.86 478.346C548.871 477.909 549.94 477.691 551.067 477.691Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M562.563 487.414C562.563 485.506 562.954 483.817 563.735 482.345C564.54 480.874 565.62 479.736 566.977 478.932C568.356 478.104 569.873 477.691 571.528 477.691C573.022 477.691 574.321 477.989 575.424 478.587C576.551 479.162 577.447 479.886 578.114 480.759V478.001H582.079V497H578.114V494.172C577.447 495.069 576.539 495.816 575.39 496.414C574.241 497.011 572.93 497.31 571.459 497.31C569.827 497.31 568.333 496.896 566.977 496.069C565.62 495.218 564.54 494.046 563.735 492.552C562.954 491.035 562.563 489.322 562.563 487.414ZM578.114 487.483C578.114 486.173 577.838 485.035 577.286 484.07C576.758 483.104 576.057 482.368 575.183 481.863C574.309 481.357 573.367 481.104 572.356 481.104C571.344 481.104 570.402 481.357 569.528 481.863C568.655 482.345 567.942 483.07 567.39 484.035C566.862 484.977 566.597 486.104 566.597 487.414C566.597 488.724 566.862 489.874 567.39 490.862C567.942 491.851 568.655 492.609 569.528 493.138C570.425 493.644 571.367 493.897 572.356 493.897C573.367 493.897 574.309 493.644 575.183 493.138C576.057 492.632 576.758 491.897 577.286 490.931C577.838 489.943 578.114 488.793 578.114 487.483Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M610.241 477.691C611.735 477.691 613.068 478.001 614.241 478.622C615.436 479.242 616.367 480.162 617.034 481.38C617.723 482.598 618.068 484.07 618.068 485.794V497H614.172V486.38C614.172 484.679 613.746 483.38 612.896 482.483C612.045 481.564 610.884 481.104 609.413 481.104C607.942 481.104 606.77 481.564 605.896 482.483C605.046 483.38 604.62 484.679 604.62 486.38V497H600.724V486.38C600.724 484.679 600.299 483.38 599.448 482.483C598.598 481.564 597.437 481.104 595.966 481.104C594.495 481.104 593.322 481.564 592.449 482.483C591.598 483.38 591.173 484.679 591.173 486.38V497H587.242V478.001H591.173V480.173C591.817 479.392 592.633 478.782 593.621 478.346C594.61 477.909 595.667 477.691 596.793 477.691C598.31 477.691 599.667 478.012 600.862 478.656C602.057 479.3 602.977 480.231 603.621 481.449C604.195 480.3 605.092 479.392 606.31 478.725C607.528 478.035 608.839 477.691 610.241 477.691Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M640.483 487.035C640.483 487.747 640.437 488.391 640.345 488.966H625.828C625.943 490.483 626.506 491.701 627.518 492.621C628.529 493.54 629.771 494 631.242 494C633.357 494 634.851 493.115 635.724 491.345H639.965C639.391 493.092 638.345 494.529 636.828 495.655C635.334 496.758 633.472 497.31 631.242 497.31C629.426 497.31 627.794 496.908 626.346 496.103C624.92 495.276 623.794 494.126 622.966 492.655C622.162 491.161 621.76 489.437 621.76 487.483C621.76 485.529 622.15 483.817 622.932 482.345C623.736 480.851 624.851 479.702 626.277 478.897C627.725 478.093 629.38 477.691 631.242 477.691C633.035 477.691 634.632 478.081 636.035 478.863C637.437 479.644 638.529 480.748 639.31 482.173C640.092 483.575 640.483 485.196 640.483 487.035ZM636.379 485.794C636.356 484.345 635.839 483.184 634.828 482.311C633.816 481.437 632.564 481.001 631.069 481.001C629.713 481.001 628.552 481.437 627.587 482.311C626.621 483.162 626.047 484.322 625.863 485.794H636.379Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M476.689 199.036V202.242H466.517V209.311H474.447V212.518H466.517V223H462.586V199.036H476.689Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M482.331 201.484C481.619 201.484 481.021 201.243 480.538 200.76C480.056 200.277 479.814 199.679 479.814 198.967C479.814 198.254 480.056 197.657 480.538 197.174C481.021 196.691 481.619 196.45 482.331 196.45C483.021 196.45 483.607 196.691 484.09 197.174C484.573 197.657 484.814 198.254 484.814 198.967C484.814 199.679 484.573 200.277 484.09 200.76C483.607 201.243 483.021 201.484 482.331 201.484ZM484.262 204.001V223H480.331V204.001H484.262Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M493.354 206.759C493.929 205.794 494.687 205.047 495.63 204.518C496.595 203.967 497.733 203.691 499.043 203.691V207.759H498.043C496.503 207.759 495.331 208.15 494.526 208.932C493.745 209.713 493.354 211.07 493.354 213V223H489.423V204.001H493.354V206.759Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M509.553 223.31C508.058 223.31 506.714 223.046 505.518 222.517C504.346 221.966 503.415 221.23 502.725 220.31C502.036 219.368 501.668 218.322 501.622 217.173H505.691C505.76 217.977 506.139 218.655 506.829 219.207C507.541 219.736 508.426 220 509.484 220C510.587 220 511.438 219.793 512.035 219.379C512.656 218.943 512.966 218.391 512.966 217.724C512.966 217.012 512.621 216.483 511.932 216.138C511.265 215.793 510.196 215.414 508.725 215C507.3 214.61 506.139 214.23 505.242 213.863C504.346 213.495 503.564 212.932 502.898 212.173C502.254 211.414 501.932 210.414 501.932 209.173C501.932 208.162 502.231 207.242 502.829 206.415C503.426 205.564 504.277 204.898 505.38 204.415C506.507 203.932 507.794 203.691 509.242 203.691C511.403 203.691 513.139 204.242 514.449 205.346C515.782 206.426 516.495 207.909 516.587 209.794H512.656C512.587 208.943 512.242 208.265 511.621 207.759C511.001 207.254 510.162 207.001 509.104 207.001C508.07 207.001 507.277 207.196 506.725 207.587C506.173 207.978 505.898 208.495 505.898 209.139C505.898 209.644 506.081 210.07 506.449 210.414C506.817 210.759 507.265 211.035 507.794 211.242C508.323 211.426 509.104 211.667 510.139 211.966C511.518 212.334 512.644 212.713 513.518 213.104C514.414 213.472 515.184 214.023 515.828 214.759C516.472 215.495 516.805 216.472 516.828 217.69C516.828 218.77 516.529 219.736 515.932 220.586C515.334 221.437 514.483 222.103 513.38 222.586C512.3 223.069 511.024 223.31 509.553 223.31Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M525.661 207.208V217.724C525.661 218.437 525.822 218.954 526.144 219.276C526.489 219.575 527.064 219.724 527.868 219.724H530.282V223H527.178C525.408 223 524.052 222.586 523.11 221.759C522.167 220.931 521.696 219.586 521.696 217.724V207.208H519.455V204.001H521.696V199.277H525.661V204.001H530.282V207.208H525.661Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M552.447 203.691C553.941 203.691 555.275 204.001 556.447 204.622C557.642 205.242 558.573 206.162 559.24 207.38C559.907 208.598 560.24 210.07 560.24 211.794V223H556.344V212.38C556.344 210.679 555.918 209.38 555.068 208.484C554.217 207.564 553.056 207.104 551.585 207.104C550.114 207.104 548.942 207.564 548.068 208.484C547.218 209.38 546.792 210.679 546.792 212.38V223H542.862V204.001H546.792V206.173C547.436 205.392 548.252 204.783 549.241 204.346C550.252 203.909 551.321 203.691 552.447 203.691Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M563.944 213.414C563.944 211.506 564.334 209.817 565.116 208.346C565.921 206.874 567.001 205.737 568.357 204.932C569.736 204.104 571.254 203.691 572.909 203.691C574.403 203.691 575.702 203.99 576.805 204.587C577.931 205.162 578.828 205.886 579.494 206.759V204.001H583.46V223H579.494V220.173C578.828 221.069 577.92 221.816 576.77 222.414C575.621 223.011 574.311 223.31 572.84 223.31C571.208 223.31 569.713 222.896 568.357 222.069C567.001 221.218 565.921 220.046 565.116 218.552C564.334 217.035 563.944 215.322 563.944 213.414ZM579.494 213.483C579.494 212.173 579.219 211.035 578.667 210.07C578.138 209.104 577.437 208.369 576.564 207.863C575.69 207.357 574.748 207.104 573.736 207.104C572.725 207.104 571.782 207.357 570.909 207.863C570.035 208.346 569.323 209.07 568.771 210.035C568.242 210.978 567.978 212.104 567.978 213.414C567.978 214.725 568.242 215.874 568.771 216.862C569.323 217.851 570.035 218.609 570.909 219.138C571.805 219.644 572.748 219.897 573.736 219.897C574.748 219.897 575.69 219.644 576.564 219.138C577.437 218.632 578.138 217.897 578.667 216.931C579.219 215.943 579.494 214.793 579.494 213.483Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M611.621 203.691C613.116 203.691 614.449 204.001 615.621 204.622C616.817 205.242 617.747 206.162 618.414 207.38C619.104 208.598 619.449 210.07 619.449 211.794V223H615.552V212.38C615.552 210.679 615.127 209.38 614.276 208.484C613.426 207.564 612.265 207.104 610.794 207.104C609.323 207.104 608.15 207.564 607.277 208.484C606.426 209.38 606.001 210.679 606.001 212.38V223H602.105V212.38C602.105 210.679 601.679 209.38 600.829 208.484C599.978 207.564 598.818 207.104 597.346 207.104C595.875 207.104 594.703 207.564 593.829 208.484C592.979 209.38 592.554 210.679 592.554 212.38V223H588.623V204.001H592.554V206.173C593.197 205.392 594.013 204.783 595.002 204.346C595.99 203.909 597.048 203.691 598.174 203.691C599.691 203.691 601.047 204.012 602.243 204.656C603.438 205.3 604.357 206.231 605.001 207.449C605.576 206.3 606.472 205.392 607.691 204.725C608.909 204.035 610.219 203.691 611.621 203.691Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface060)"
+    d="M641.863 213.035C641.863 213.748 641.817 214.391 641.725 214.966H627.209C627.324 216.483 627.887 217.701 628.898 218.621C629.91 219.54 631.151 220 632.622 220C634.737 220 636.231 219.115 637.105 217.345H641.346C640.771 219.092 639.725 220.529 638.208 221.655C636.714 222.759 634.852 223.31 632.622 223.31C630.806 223.31 629.174 222.908 627.726 222.103C626.301 221.276 625.175 220.127 624.347 218.655C623.542 217.161 623.14 215.437 623.14 213.483C623.14 211.529 623.531 209.817 624.312 208.346C625.117 206.851 626.232 205.702 627.657 204.898C629.105 204.093 630.76 203.691 632.622 203.691C634.415 203.691 636.013 204.081 637.415 204.863C638.817 205.645 639.909 206.748 640.691 208.173C641.472 209.575 641.863 211.196 641.863 213.035ZM637.76 211.794C637.737 210.345 637.22 209.185 636.208 208.311C635.197 207.438 633.944 207.001 632.45 207.001C631.094 207.001 629.933 207.438 628.967 208.311C628.002 209.162 627.427 210.322 627.243 211.794H637.76Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/patterns/forms/overview/hero.svg

@@ -0,0 +1,70 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
+  <path d="M485.027 208C455.758 208 432.031 231.727 432.031 260.996V585.156H1014.11V260.996C1014.11 231.727 990.378 208 961.109 208H485.027Z" fill="#017582"></path>
+  <path d="M567.642 585.156H1014.11V260.996C1014.11 231.727 990.378 208 961.109 208H485.027C455.758 208 432.031 231.727 432.031 260.996V426.685C502.809 474.404 532.128 524.581 557.204 567.496C560.733 573.536 564.178 579.431 567.642 585.156Z" fill="#06808E"></path>
+  <path d="M629.891 208H961.109C990.378 208 1014.11 231.727 1014.11 260.996L1014.11 542.944C917.837 545.525 822.523 527.901 819.736 527.25C770.421 515.726 752.651 477.577 734.073 437.694C723.456 414.901 712.574 391.541 695.39 372.261C644.621 315.302 604.847 266.156 629.528 208.827C629.647 208.551 629.768 208.275 629.891 208Z" fill="#289FAB"></path>
+  <path d="M850.905 208H961.109C990.378 208 1014.11 231.727 1014.11 260.996V385.103C985.49 382.469 964.709 378.608 963.732 378.38C935.432 371.766 925.234 349.874 914.573 326.987C908.48 313.907 902.236 300.501 892.374 289.437C866.948 260.91 846.327 235.799 850.905 208Z" fill="#97D0D6"></path>
+  <path d="M1036.8 651.711C1040.83 646.825 1043.25 640.563 1043.25 633.735V595.755H800.354V610.77C800.354 618.575 794.027 624.903 786.222 624.903H659.031C651.226 624.903 644.899 618.576 644.899 610.77V595.755H402V633.735C402 649.346 414.654 662 430.265 662H1014.99C1017.56 662 1020.05 661.657 1022.42 661.014C1027.31 657.97 1032.1 654.868 1036.8 651.711Z" fill="#06808E"></path>
+  <path d="M652.772 662H1014.99C1030.6 662 1043.25 649.346 1043.25 633.735V595.755H800.354V610.77C800.354 618.575 794.027 624.903 786.222 624.903H659.031C651.226 624.903 644.899 618.576 644.899 610.77V595.755H571.718C590.135 623.839 611.301 646.777 649.54 660.829C650.613 661.223 651.69 661.613 652.772 662Z" fill="#289FAB"></path>
+  <g>
+    <path style="fill: var(--color-illustrationInterface020)" d="M458.529 259.837C458.529 246.33 469.478 235.381 482.985 235.381H962.794C976.3 235.381 987.249 246.33 987.249 259.837V533.233C987.249 546.74 976.3 557.689 962.794 557.689H482.985C469.478 557.689 458.529 546.74 458.529 533.233V259.837Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationInterface030)" d="M666 234.595H964.454C976.906 234.595 987 244.689 987 257.141V535.048C987 547.5 976.906 557.595 964.454 557.595H666V234.595Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M747 284.782C747 283.574 747.979 282.595 749.187 282.595H773.556C774.764 282.595 775.743 283.574 775.743 284.782C775.743 285.99 774.764 286.969 773.556 286.969H749.187C747.979 286.969 747 285.99 747 284.782Z"></path>
+  <path style="fill: var(--color-illustrationInterface010)" d="M747 296.966C747 294.896 748.679 293.217 750.749 293.217H882.28C884.351 293.217 886.029 294.896 886.029 296.966V312.9C886.029 314.971 884.351 316.649 882.28 316.649H750.749C748.679 316.649 747 314.971 747 312.9V296.966Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M755.436 304.933C755.436 304.329 755.925 303.839 756.529 303.839H801.831C802.435 303.839 802.924 304.329 802.924 304.933C802.924 305.537 802.435 306.026 801.831 306.026H756.529C755.925 306.026 755.436 305.537 755.436 304.933Z"></path>
+  <path style="fill: var(--color-illustrationInterface010)" d="M809.797 304.933C809.797 304.329 810.287 303.839 810.891 303.839H872.439C873.043 303.839 873.532 304.329 873.532 304.933C873.532 305.537 873.043 306.026 872.439 306.026H810.891C810.287 306.026 809.797 305.537 809.797 304.933Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M747 430.222C747 429.014 747.979 428.035 749.187 428.035H773.556C774.764 428.035 775.743 429.014 775.743 430.222C775.743 431.43 774.764 432.409 773.556 432.409H749.187C747.979 432.409 747 431.43 747 430.222Z"></path>
+  <path style="fill: var(--color-illustrationInterface010)" d="M747 441.939C747 439.868 748.679 438.189 750.749 438.189H768.251C770.321 438.189 772 439.868 772 441.939V458.44C772 460.511 770.321 462.189 768.251 462.189H750.749C748.679 462.189 747 460.511 747 458.44V441.939Z"></path>
+  <path style="fill: var(--color-illustrationInterface010)" d="M780 441.939C780 439.868 781.679 438.189 783.749 438.189H801.251C803.321 438.189 805 439.868 805 441.939V458.44C805 460.511 803.321 462.189 801.251 462.189H783.749C781.679 462.189 780 460.511 780 458.44V441.939Z"></path>
+  <path style="fill: var(--color-illustrationInterface010)" d="M814 441.939C814 439.868 815.679 438.189 817.749 438.189H835.251C837.321 438.189 839 439.868 839 441.939V458.44C839 460.511 837.321 462.189 835.251 462.189H817.749C815.679 462.189 814 460.511 814 458.44V441.939Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M753 450.189C753 449.637 753.448 449.189 754 449.189H765C765.552 449.189 766 449.637 766 450.189C766 450.742 765.552 451.189 765 451.189H754C753.448 451.189 753 450.742 753 450.189Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M786 450.189C786 449.637 786.448 449.189 787 449.189H798C798.552 449.189 799 449.637 799 450.189C799 450.742 798.552 451.189 798 451.189H787C786.448 451.189 786 450.742 786 450.189Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M820 450.189C820 449.637 820.448 449.189 821 449.189H832C832.552 449.189 833 449.637 833 450.189C833 450.742 832.552 451.189 832 451.189H821C820.448 451.189 820 450.742 820 450.189Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M843.511 499.904C843.511 493.864 848.385 488.969 854.398 488.969H894.172C900.185 488.969 905.059 493.864 905.059 499.904C905.059 505.943 900.185 510.839 894.172 510.839H854.398C848.385 510.839 843.511 505.943 843.511 499.904Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M747 381.703C747 380.495 747.979 379.516 749.187 379.516H813.547C814.754 379.516 815.734 380.495 815.734 381.703C815.734 382.911 814.754 383.89 813.547 383.89H749.187C747.979 383.89 747 382.911 747 381.703Z"></path>
+  <path style="fill: var(--color-illustrationInterface010)" d="M747 393.749C747 391.679 748.679 390 750.749 390H882.251C884.321 390 886 391.679 886 393.749V410.251C886 412.321 884.321 414 882.251 414H750.749C748.679 414 747 412.321 747 410.251V393.749Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M755.436 401.854C755.436 401.25 755.925 400.761 756.529 400.761H793.395C793.999 400.761 794.489 401.25 794.489 401.854C794.489 402.458 793.999 402.948 793.395 402.948H756.529C755.925 402.948 755.436 402.458 755.436 401.854Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" fill-rule="evenodd" clip-rule="evenodd" d="M833.403 402.397L835.707 400.093C835.961 399.839 836.373 399.839 836.627 400.093C836.881 400.347 836.881 400.759 836.627 401.014L833.866 403.775C833.734 403.907 833.56 403.97 833.388 403.965C833.226 403.962 833.064 403.899 832.94 403.775L830.179 401.013C829.925 400.759 829.925 400.347 830.179 400.093C830.433 399.839 830.845 399.839 831.099 400.093L833.403 402.397Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M747 333.184C747 331.976 747.979 330.997 749.187 330.997H813.547C814.754 330.997 815.734 331.976 815.734 333.184C815.734 334.392 814.754 335.371 813.547 335.371H749.187C747.979 335.371 747 334.392 747 333.184Z"></path>
+  <path style="fill: var(--color-illustrationInterface010)" d="M747 344.939C747 342.868 748.679 341.189 750.749 341.189H882.251C884.321 341.189 886 342.868 886 344.939V361.44C886 363.511 884.321 365.189 882.251 365.189H750.749C748.679 365.189 747 363.511 747 361.44V344.939Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" d="M755.436 353.336C755.436 352.732 755.925 352.242 756.529 352.242H793.395C793.999 352.242 794.489 352.732 794.489 353.336C794.489 353.94 793.999 354.429 793.395 354.429H756.529C755.925 354.429 755.436 353.94 755.436 353.336Z"></path>
+  <path style="fill: var(--color-illustrationInterface060)" fill-rule="evenodd" clip-rule="evenodd" d="M833.403 353.877L835.707 351.574C835.961 351.319 836.373 351.319 836.627 351.574C836.881 351.828 836.881 352.24 836.627 352.494L833.866 355.256C833.734 355.387 833.56 355.451 833.388 355.446C833.226 355.443 833.064 355.379 832.94 355.255L830.179 352.494C829.925 352.24 829.925 351.828 830.179 351.573C830.433 351.319 830.845 351.319 831.099 351.573L833.403 353.877Z"></path>
+  <g>
+    <path style="fill: var(--color-illustrationInterface070)" d="M251 450C251 437.85 260.85 428 273 428H371C383.15 428 393 437.85 393 450C393 462.15 383.15 472 371 472H273C260.85 472 251 462.15 251 450Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M253 445C253 432.85 262.85 423 275 423H373C385.15 423 395 432.85 395 445C395 457.15 385.15 467 373 467H275C262.85 467 253 457.15 253 445Z"></path>
+  </g>
+  <g>
+    <path style="fill: var(--color-illustrationInterface060)" d="M1043 301.801C1043 296.388 1047.39 292 1052.8 292H1224.2C1229.61 292 1234 296.388 1234 301.801V359.199C1234 364.612 1229.61 369 1224.2 369H1052.8C1047.39 369 1043 364.612 1043 359.199V301.801Z"></path>
+    <path style="fill: var(--color-illustrationInterface030)" d="M1048 296.801C1048 291.388 1052.39 287 1057.8 287H1229.2C1234.61 287 1239 291.388 1239 296.801V354.199C1239 359.612 1234.61 364 1229.2 364H1057.8C1052.39 364 1048 359.612 1048 354.199V296.801Z"></path>
+    <path style="fill: var(--color-illustrationInterface010)" d="M1074 314.385C1074 311.411 1076.41 309 1079.38 309H1208.62C1211.59 309 1214 311.411 1214 314.385V337.269C1214 340.243 1211.59 342.654 1208.62 342.654H1079.38C1076.41 342.654 1074 340.243 1074 337.269V314.385Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M1101.41 322.704L1102.49 324.624L1099.2 325.848L1102.49 327.072L1101.38 329.04L1098.65 326.88L1099.15 330.36H1096.94L1097.4 326.88L1094.66 329.088L1093.51 327.048L1096.78 325.824L1093.51 324.648L1094.62 322.68L1097.42 324.84L1096.94 321.336H1099.18L1098.65 324.84L1101.41 322.704Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M1113.5 322.704L1114.58 324.624L1111.29 325.848L1114.58 327.072L1113.48 329.04L1110.74 326.88L1111.25 330.36H1109.04L1109.49 326.88L1106.76 329.088L1105.61 327.048L1108.87 325.824L1105.61 324.648L1106.71 322.68L1109.52 324.84L1109.04 321.336H1111.27L1110.74 324.84L1113.5 322.704Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M1125.6 322.704L1126.68 324.624L1123.39 325.848L1126.68 327.072L1125.57 329.04L1122.84 326.88L1123.34 330.36H1121.13L1121.59 326.88L1118.85 329.088L1117.7 327.048L1120.96 325.824L1117.7 324.648L1118.8 322.68L1121.61 324.84L1121.13 321.336H1123.36L1122.84 324.84L1125.6 322.704Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M1137.69 322.704L1138.77 324.624L1135.48 325.848L1138.77 327.072L1137.67 329.04L1134.93 326.88L1135.43 330.36H1133.23L1133.68 326.88L1130.95 329.088L1129.79 327.048L1133.06 325.824L1129.79 324.648L1130.9 322.68L1133.71 324.84L1133.23 321.336H1135.46L1134.93 324.84L1137.69 322.704Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M1149.78 322.704L1150.86 324.624L1147.57 325.848L1150.86 327.072L1149.76 329.04L1147.02 326.88L1147.53 330.36H1145.32L1145.77 326.88L1143.04 329.088L1141.89 327.048L1145.15 325.824L1141.89 324.648L1142.99 322.68L1145.8 324.84L1145.32 321.336H1147.55L1147.02 324.84L1149.78 322.704Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M1161.88 322.704L1162.96 324.624L1159.67 325.848L1162.96 327.072L1161.85 329.04L1159.12 326.88L1159.62 330.36H1157.41L1157.87 326.88L1155.13 329.088L1153.98 327.048L1157.24 325.824L1153.98 324.648L1155.08 322.68L1157.89 324.84L1157.41 321.336H1159.64L1159.12 324.84L1161.88 322.704Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M1173.97 322.704L1175.05 324.624L1171.76 325.848L1175.05 327.072L1173.95 329.04L1171.21 326.88L1171.71 330.36H1169.51L1169.96 326.88L1167.23 329.088L1166.07 327.048L1169.34 325.824L1166.07 324.648L1167.18 322.68L1169.99 324.84L1169.51 321.336H1171.74L1171.21 324.84L1173.97 322.704Z"></path>
+  </g>
+  <g>
+    <path style="fill: var(--color-illustrationInterface060)" d="M945 190.801C945 185.388 949.388 181 954.801 181H1126.2C1131.61 181 1136 185.388 1136 190.801V248.199C1136 253.612 1131.61 258 1126.2 258H954.801C949.388 258 945 253.612 945 248.199V190.801Z"></path>
+    <path style="fill: var(--color-illustrationInterface030)" d="M950 185.801C950 180.388 954.388 176 959.801 176H1131.2C1136.61 176 1141 180.388 1141 185.801V243.199C1141 248.612 1136.61 253 1131.2 253H959.801C954.388 253 950 248.612 950 243.199V185.801Z"></path>
+    <path style="fill: var(--color-illustrationInterface010)" d="M976 203.385C976 200.411 978.411 198 981.385 198H1110.62C1113.59 198 1116 200.411 1116 203.385V226.269C1116 229.243 1113.59 231.654 1110.62 231.654H981.385C978.411 231.654 976 229.243 976 226.269V203.385Z"></path>
+  </g>
+  <g>
+    <path style="fill: var(--color-illustrationInterface060)" d="M251 323.396C251 317.983 255.388 313.595 260.801 313.595H492.902C498.315 313.595 502.703 317.983 502.703 323.396V386.082C502.703 391.494 498.315 395.882 492.902 395.882H260.801C255.388 395.882 251 391.494 251 386.082V323.396Z"></path>
+    <path style="fill: var(--color-illustrationInterface030)" d="M256 319.595C256 312.967 261.373 307.595 268 307.595H495.703C502.331 307.595 507.703 312.967 507.703 319.595V377.882C507.703 384.51 502.331 389.882 495.703 389.882H268C261.373 389.882 256 384.51 256 377.882V319.595Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M285 330.095C285 328.714 286.119 327.595 287.5 327.595H422.5C423.881 327.595 425 328.714 425 330.095C425 331.475 423.881 332.595 422.5 332.595H287.5C286.119 332.595 285 331.475 285 330.095Z"></path>
+    <path style="fill: var(--color-illustrationInterface010)" d="M285 343.931C285 341.536 286.941 339.595 289.336 339.595H466.664C469.059 339.595 471 341.536 471 343.931V362.258C471 364.653 469.059 366.595 466.664 366.595H289.336C286.941 366.595 285 364.653 285 362.258V343.931Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" d="M295 353.595C295 353.042 295.448 352.595 296 352.595H424C424.552 352.595 425 353.042 425 353.595C425 354.147 424.552 354.595 424 354.595H296C295.448 354.595 295 354.147 295 353.595Z"></path>
+    <path style="fill: var(--color-illustrationInterface060)" fill-rule="evenodd" clip-rule="evenodd" d="M455.939 354.059L458.603 351.395C458.897 351.101 459.374 351.101 459.668 351.395C459.962 351.689 459.962 352.166 459.668 352.46L456.474 355.654C456.321 355.806 456.12 355.88 455.92 355.874C455.732 355.87 455.546 355.797 455.403 355.654L452.209 352.46C451.915 352.166 451.915 351.689 452.209 351.395C452.503 351.101 452.98 351.101 453.274 351.395L455.939 354.059Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationInterface060)" d="M988 204C988 203.448 988.448 203 989 203C989.552 203 990 203.448 990 204V225C990 225.552 989.552 226 989 226C988.448 226 988 225.552 988 225V204Z"></path>
+  <defs>
+    
+    
+    
+    
+    
+  </defs>
+</svg>

package/site/public/static/illustrations/patterns/forms/overview/why-use/best-practice.svg

@@ -0,0 +1,57 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <g clip-path="url(#nk-1247)">
+    <rect
+      style="fill: var(--color-illustrationPalette050)"
+      width="1490"
+      height="838"
+    ></rect>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1799.67 1502.22C2246.67 1232.93 2253.2 923.403 2254.08 915.99C2279.74 699.398 2303.71 238.692 2096.08 1.53646C1888.46 -235.619 1437.97 -485.965 1266.76 -85.7252C1257.08 431.049 749.767 472.051 629.082 752.465C508.398 1032.88 586.752 1263.66 805.776 1466.37C1024.8 1669.08 1352.67 1771.5 1799.67 1502.22Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M-1023.05 147.075C-917.009 598.036 -655.352 687.984 -649.284 690.748C-472.001 771.501 -230.773 799.118 -18.2721 746.126C194.229 693.133 385.719 470.522 404.557 281.292C423.395 92.0634 334.234 20.9042 265.469 -285.349C196.705 -591.603 340.721 -791.955 158.031 -880.638C-24.6586 -969.32 -510.829 -751.651 -718.692 -682.527C-921.359 -615.131 -1129.1 -303.885 -1023.05 147.075Z"
+    ></path>
+    <path
+      d="M786.964 111.197C722.752 103.011 655.229 115.512 594.544 151.407C508.935 202.045 455.876 288.039 443.192 380.305C434.257 445.901 445.722 514.668 480.39 576.164C528.833 662.094 611.935 714.942 701.777 727.24C766.694 736.042 835.132 723.679 896.563 687.342C983.112 636.148 1036.39 548.818 1048.32 455.403C1056.49 390.728 1044.85 323.134 1010.72 262.589C961.852 175.903 877.712 122.885 786.964 111.197Z"
+      fill="#005B65"
+    ></path>
+    <path
+      d="M514.242 219.513C536.426 193.049 563.32 169.877 594.544 151.408C641.909 123.391 693.441 109.626 744.313 108.826C776.029 110.762 806.094 115.332 830.823 120.154C899.918 139.727 962.02 184.103 1003.18 249.561C1010.14 261.635 1016.94 274.882 1023.48 289.416C1028.25 300.017 1032.47 310.367 1036.16 320.472C1061.42 399.597 1053.49 484.806 1017.46 557.203C1005.7 573.936 991.911 588.848 976.897 602.058C906.147 664.304 820.255 685.266 751.521 667.381C718.236 658.719 698.706 630.984 675.289 597.73C650.349 562.313 621.002 520.636 565.935 489.072C479.407 439.474 477.329 308.597 514.242 219.513Z"
+      fill="#017582"
+    ></path>
+    <path
+      d="M762.117 109.075C754.361 113.524 747.585 118.709 741.964 124.448C739.745 126.714 737.482 129.015 735.186 131.349C695.256 171.943 645.394 222.636 644.649 274.082C643.862 328.487 677.363 365.626 718.81 407.941C732.839 422.265 744.262 441.169 755.408 459.614C774.911 491.889 793.566 522.761 823.851 525.235C826.255 525.431 938.762 526.698 995.378 477.683C1027.32 450.028 1041.92 415.064 1048.94 380.474C1044.43 340.003 1031.95 299.875 1010.85 262.449C957.566 167.888 862.232 113.45 762.117 109.075Z"
+      fill="#5EB8C0"
+    ></path>
+    <path
+      d="M867.211 133.043C860.283 136.134 854.395 140.155 849.833 144.813C848.56 146.113 847.261 147.434 845.943 148.773C823.029 172.069 794.415 201.16 793.988 230.683C793.536 261.904 812.761 283.217 836.546 307.5C844.597 315.719 851.152 326.567 857.548 337.153C868.74 355.674 879.446 373.39 896.825 374.81C898.205 374.923 962.768 375.649 995.258 347.522C1013.3 331.904 1021.7 312.224 1025.8 292.684C1021.41 282.446 1016.44 272.352 1010.85 262.449C976.859 202.124 925.753 158.129 867.211 133.043Z"
+      fill="#C7E7EA"
+    ></path>
+    <path
+      style="fill: var(--color-inkWhiteContrast)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M912.302 323.962L881.135 292.805L688.238 485.638L596.873 394.303L565.706 425.46L688.175 547.89L689.219 546.847L689.282 546.91L912.302 323.962Z"
+    ></path>
+  </g>
+  <defs>
+    <clipPath id="nk-1247">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/patterns/forms/overview/why-use/consistency.svg

@@ -0,0 +1,230 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <g clip-path="url(#nk-1248)">
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M0 0H1490V838H0V0Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette010)"
+      d="M359.051 355.147L552.131 258.658L745.417 355.25L552.234 451.841L359.051 355.147Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M745.417 355.147L938.496 258.658L1131.58 355.147L938.496 451.635L745.417 355.147Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M359.051 355.25L552.234 451.841V548.432L359.051 451.841V355.25Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M745.417 355.25L937.67 450.912V548.432L745.417 451.841V355.25Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M551.303 161.964L744.383 65.4756L937.463 161.964L744.383 258.453L551.303 161.964Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M552.23 162.067L745.413 258.658V355.249L552.23 258.658V162.067Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M937.669 162.067L745.415 258.658V355.249L937.669 257.729V162.067Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M359.05 -30.2898L552.129 -126.778L745.209 -30.2898L552.129 66.1987L359.05 -30.2898Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M359.05 -30.187L552.232 66.4043V162.996L359.05 66.4043V-30.187Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M745.415 -31.1157L552.232 65.4756V162.067L745.415 65.4756V-31.1157Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M745.411 -29.3611L938.491 -125.85L1131.57 -29.3611L938.491 67.1274L745.411 -29.3611Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M744.485 -31.1157L937.667 65.4756V162.067L744.485 65.4756V-31.1157Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M1130.85 -31.1157L937.667 65.4756V162.067L1130.85 65.4756V-31.1157Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M745.417 355.25L552.234 451.841V548.432L745.417 451.841V355.25Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M1130.85 355.25L937.668 450.912V548.432L1130.85 451.841V355.25Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M552.232 548.329L745.312 451.84L937.668 548.432L745.312 644.817L552.232 548.329Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M359.051 741.511L552.131 645.023L745.211 741.511L552.131 838L359.051 741.511Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M745.417 741.511L938.496 645.023L1131.58 741.511L938.496 838L745.417 741.511Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M552.232 548.432L745.415 645.023V741.614L552.232 645.023V548.432Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M937.672 548.432L745.419 645.023V741.614L938.601 645.023L937.672 548.432Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M-27.312 355.147L165.768 258.658L358.848 355.147L165.768 451.635L-27.312 355.147Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M-219.566 549.258L-26.4861 452.77L166.594 549.258L-26.4861 645.747L-219.566 549.258Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M165.869 548.329L358.948 451.841L552.028 548.329L358.948 644.818L165.869 548.329Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M-27.312 355.25L165.871 451.841V548.432L-27.312 451.841V355.25Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M165.869 548.432L359.051 645.023V741.615L165.869 645.023V548.432Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M359.053 355.25L165.871 451.841V548.432L359.053 451.841V355.25Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M165.869 548.432L-27.3141 645.023V741.615L165.869 645.023V548.432Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M552.234 548.432L359.051 645.023V741.615L552.234 645.023V548.432Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M1130.85 354.218L1323.93 257.729L1517.01 354.218L1323.93 450.707L1130.85 354.218Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette010)"
+      d="M937.672 548.329L1130.75 451.841L1323.83 548.329L1130.75 644.818L937.672 548.329Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M1324.04 546.472L1517.12 449.983L1710.2 546.472L1517.12 642.96L1324.04 546.472Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M1130.85 354.321L1324.04 450.912V547.503L1130.85 450.912V354.321Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M937.672 547.503L1130.85 644.095V740.686L937.672 644.095V547.503Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette060)"
+      d="M1324.04 546.575L1517.22 643.166V739.757L1324.04 643.166V546.575Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M1517.22 353.392L1324.04 449.983V546.575L1517.22 449.983V353.392Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      d="M1324.04 547.503L1130.85 644.095V740.686L1324.04 644.095V547.503Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M1130.85 -30.2898L1323.93 -126.778L1517.01 -30.2898L1323.93 66.1987L1130.85 -30.2898Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette010)"
+      d="M937.672 161.964L1130.75 65.4756L1323.83 161.964L1130.85 258.658L937.672 161.964Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M1324.04 161.964L1517.12 65.4756L1710.2 161.964L1517.12 258.453L1324.04 161.964Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M1130.85 -30.187L1324.04 66.4043V162.996L1130.85 66.4043V-30.187Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M937.672 161.138L1130.85 258.658V354.321L937.672 257.729V161.138Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette060)"
+      d="M1324.97 160.209L1518.15 256.801V353.392L1324.97 256.801V160.209Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M1517.22 -31.1157L1324.04 65.4756V162.067L1517.22 65.4756V-31.1157Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      d="M1324.97 160.209L1130.86 258.658V354.321L1324.97 256.801V160.209Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M-26.3854 -29.3611L166.694 -125.85L359.774 -29.3611L166.694 67.1274L-26.3854 -29.3611Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M-219.566 162.893L-26.4861 66.4043L166.594 162.893L-26.4861 259.381L-219.566 162.893Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette050)"
+      d="M166.799 162.893L359.879 66.4043L552.959 162.893L359.879 259.381L166.799 162.893Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette060)"
+      d="M-26.3854 -29.2583L166.797 67.333V163.924L-26.3854 67.333V-29.2583Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      d="M165.869 162.996L359.051 259.587V356.178L165.869 259.587V162.996Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M359.984 -30.187L166.801 66.4043V162.996L359.984 66.4043V-30.187Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M166.799 162.067L-26.3834 258.658V355.249L166.799 258.658V162.067Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M552.234 162.996L359.051 259.587V356.178L552.234 259.587V162.996Z"
+    ></path>
+  </g>
+  <defs>
+    <clipPath id="nk-1248">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/patterns/forms/overview/why-use/ease-of-use.svg

@@ -0,0 +1,71 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <g clip-path="url(#nk-1249)">
+    <rect
+      style="fill: var(--color-illustrationPalette050)"
+      width="1490"
+      height="838"
+    ></rect>
+    <path
+      style="fill: var(--color-illustrationPalette040)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M-74.3451 892.348C-265.731 470.267 -113.12 240.133 -109.996 234.258C-18.6987 62.6182 155.786 -105.675 356.73 -192.591C557.674 -279.507 845.577 -219.12 976.127 -80.4435C1106.68 58.2333 1079.42 168.787 1211.97 453.455C1344.53 738.124 1581.17 809.661 1490.43 990.872C1399.69 1172.08 881.044 1294.44 673.924 1365.74C471.982 1435.27 117.041 1314.43 -74.3451 892.348Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette030)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M-859.768 -286.003C-1248.9 61.2331 -1197.72 366.599 -1197.21 374.046C-1182.12 591.624 -1119.94 1048.77 -871.785 1243.43C-623.632 1438.1 -134.372 1600.83 -40.614 1175.89C-127.261 666.291 363.618 532.231 430.028 234.375C496.438 -63.4817 376.499 -275.771 123.553 -434.483C-129.392 -593.195 -470.634 -633.24 -859.768 -286.003Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M940.59 284.561C972.714 277.586 1004.65 297.728 1011.55 329.321L1011.76 331.682L1012.12 331.906L1024.11 386.762C1025.74 394.23 1025.79 401.44 1024.6 408.616L980.669 630.248C976.428 652.829 958.832 671.691 934.593 676.954L671.757 734.022C639.632 740.997 607.698 720.856 600.792 689.263L538.011 402.055C534.558 386.259 537.844 370.503 546.389 357.818L685.321 144.991C691.909 134.898 705.37 131.937 715.609 138.327L734.728 150.26C744.308 156.302 751.658 166.138 754.232 177.914L755.365 187.295L756.218 310.913C756.267 317.951 762.785 323.167 769.665 321.673L940.59 284.561ZM459.775 780.049C447.817 782.646 436.005 775.059 433.392 763.105L367.517 461.746C364.904 449.792 372.48 437.996 384.437 435.4L457.95 419.438C469.908 416.842 481.72 424.428 484.333 436.382L550.208 737.742C552.821 749.696 545.246 761.491 533.288 764.088L459.775 780.049Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M383.855 389.19L368.346 448.811L409.335 496.839L478.019 433.906L383.855 389.19Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M555.565 310.248L538.394 376.493L551.688 397.471L574.952 371.525L578.829 332.33L555.565 310.248Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette070)"
+      d="M550.026 748.017L566.089 685.637L530.639 695.021L536.732 725.936L550.026 748.017Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette010)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M956.1 224.94C988.224 217.965 1020.16 238.107 1027.06 269.7L1027.27 272.061L1027.63 272.285L1039.62 327.141C1041.25 334.609 1041.3 341.819 1040.12 348.995L996.18 570.626C991.939 593.208 974.343 612.07 950.103 617.333L687.267 674.401C655.143 681.376 623.209 661.235 616.303 629.642L553.522 342.434C550.069 326.637 553.354 310.882 561.9 298.196L700.831 85.3695C707.419 75.2773 720.881 72.3156 731.119 78.7059L750.238 90.6386C759.818 96.6812 767.168 106.517 769.742 118.293L770.875 127.674L771.728 251.292C771.777 258.33 778.295 263.546 785.175 262.052L956.1 224.94ZM475.285 720.428C463.327 723.024 451.515 715.438 448.902 703.484L383.028 402.125C380.415 390.171 387.99 378.375 399.948 375.779L473.461 359.817C485.419 357.221 497.231 364.807 499.844 376.761L565.718 678.12C568.331 690.075 560.756 701.87 548.798 704.467L475.285 720.428Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M400.472 393.606C398.7 387.865 400.472 382.013 409.889 373.181C382.193 375.941 380.901 394.894 382.193 402.439L450.323 707.718C456.084 720.967 469.341 721.703 475.249 720.415L542.271 706.062C552.463 703.854 556.488 701.462 557.227 700.542C568.748 695.242 569.413 681.22 559.442 649.754C559.442 672.388 545.041 674.596 542.271 675.148C540.056 675.589 523.808 681.404 503.498 684.532C478.573 691.709 472.48 677.724 471.926 675.148L400.472 393.606Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M581.599 326.809C578.054 309.144 588.984 266.821 594.892 247.867L563.32 294.239C551.356 311.021 550.949 332.882 552.242 341.714L615.941 631.536C628.348 674.375 668.746 678.092 687.394 674.596L954.93 617.735C981.517 611.111 994.072 584.797 997.026 572.468L1016.41 467.58C993.814 534.708 966.008 554.435 954.93 555.907L705.673 606.143C669.337 616.742 657.299 605.406 655.822 598.414L581.599 326.809Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationPalette020)"
+      d="M766.048 149.052C768.264 127.522 768.264 120.345 768.264 113.169C770.036 118.469 771.218 128.074 771.587 131.938L771.587 245.107C771.144 259.681 778.788 262.588 782.665 262.22L810.361 256.7C773.803 283.75 752.939 280.07 751.093 277.125C745.554 272.157 743.338 262.22 744.446 253.94C745.332 247.315 761.802 178.678 766.048 149.052Z"
+    ></path>
+  </g>
+  <defs>
+    <clipPath id="nk-1249">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>