Merge pull request #20129 from mozilla/FXA-13216

vpomerleau · web-flow · commit cb7473ad87b6 · 2026-03-02T18:36:39.000-05:00
feat(assets): Add new kit image for cms
diff --git a/assets/other/cms/kit-account-login-2.svg b/assets/other/cms/kit-account-login-2.svg
@@ -0,0 +1,104 @@
+<svg width="381" height="336" viewBox="0 0 381 336" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.0115 146.606L35.907 123.51C33.3809 117.736 28.6895 113.045 22.9155 110.519L2.16525 101.677C-0.721749 100.414 -0.721749 96.0838 2.16525 94.8207L22.7351 85.9793C28.6895 83.4531 33.2005 78.7618 35.907 72.9878L46.0115 49.8918C47.2746 47.0048 51.4246 47.0048 52.6877 49.8918L61.89 71.9052C64.4161 77.8596 69.1075 82.7314 75.0619 85.2575L96.8948 94.6403C99.7818 95.9033 99.7818 100.234 96.8948 101.497L74.8815 111.06C68.927 113.586 64.2357 118.458 61.7096 124.412L52.6877 146.245C51.4246 149.313 47.2746 149.313 46.0115 146.245V146.606Z" fill="url(#paint0_linear_2766_38545)"/>
+<path d="M108.26 73.1655L100.682 56.2043C98.6972 51.8738 95.2689 48.4455 90.9384 46.6412L75.4208 40.1454C73.2556 39.2432 73.2556 35.9954 75.4208 35.0932L90.758 28.5974C95.0885 26.7931 98.5168 23.3648 100.502 19.0343L108.08 2.07315C108.982 -0.0920932 112.05 -0.0920932 113.132 2.07315L119.989 18.3125C121.793 22.8234 125.402 26.2517 129.732 28.0561L145.972 34.9127C148.137 35.8149 148.137 38.8824 145.972 39.965L129.552 47.002C125.222 48.8064 121.613 52.4152 119.808 56.7457L113.132 72.8046C112.23 74.9698 109.163 74.9698 108.08 72.8046L108.26 73.1655Z" fill="url(#paint1_linear_2766_38545)"/>
+<path d="M236.012 335.521C315.535 335.521 380.001 271.056 380.001 191.532C380.001 112.01 315.535 47.543 236.012 47.543C156.488 47.543 92.0234 112.01 92.0234 191.532C92.0234 271.056 156.488 335.521 236.012 335.521Z" fill="url(#paint2_radial_2766_38545)"/>
+<path d="M277.695 106.727C293.573 113.584 309.813 120.621 317.752 123.688C315.587 118.816 313.782 113.945 312.339 111.238C306.204 98.7878 303.678 89.0442 294.656 70.6396C285.454 52.0546 278.417 41.2283 269.575 40.8675C261.997 40.5066 253.697 52.235 246.479 73.1657C240.886 89.4051 239.442 93.1943 235.473 100.592C243.592 99.8705 260.734 99.3291 277.695 106.727Z" fill="url(#paint3_linear_2766_38545)"/>
+<path d="M215.98 101.675C212.912 97.525 208.401 87.4205 198.116 73.7073C185.847 57.468 177.005 50.2505 168.164 53.1375C160.766 55.6636 155.172 80.203 152.105 99.5098C149.579 115.569 149.579 117.014 148.496 122.968C147.414 128.382 146.331 134.877 144.707 141.193C152.105 135.78 164.736 126.397 177.005 117.194C191.26 106.368 207.499 102.76 215.799 101.496L215.98 101.675Z" fill="url(#paint4_linear_2766_38545)"/>
+<path d="M359.791 148.408C356.182 141.551 339.401 146.604 327.853 139.206C324.064 136.68 320.636 130.184 317.749 123.688C315.584 118.816 313.779 113.945 312.336 111.238C306.201 98.7878 303.675 89.0442 294.653 70.6396C285.451 52.0546 278.414 41.2283 269.572 40.8675C261.994 40.5066 253.694 52.235 246.476 73.1657C240.883 89.4051 239.439 93.1943 235.469 100.592C235.289 100.953 224.102 103.118 219.05 103.84C218.148 103.84 217.065 103.299 215.982 101.675C212.915 97.5248 208.404 87.4203 198.119 73.7071C185.849 57.4677 177.008 50.2502 168.166 53.1372C160.768 55.6633 155.175 80.2028 152.107 99.5096C149.581 115.568 149.581 117.012 148.499 122.966C147.416 128.38 146.333 134.875 144.71 141.191C142.544 150.573 139.477 159.595 134.785 164.287C124.861 174.391 112.592 172.045 110.607 179.624C108.261 188.465 116.2 185.037 115.479 186.841C115.479 187.202 115.118 187.383 114.757 187.743C131.718 181.969 149.22 183.593 163.475 189.367C179.353 195.683 189.819 206.148 194.871 204.524L195.232 204.163C199.021 200.554 201.908 196.946 204.615 193.517C209.667 186.3 213.276 179.985 222.658 177.278C226.989 176.015 231.139 176.195 235.289 176.917C240.702 178 245.935 180.526 251.348 183.954C257.302 187.563 263.437 191.713 269.753 195.502C270.474 195.863 271.016 196.224 271.557 196.765C276.609 196.404 291.766 181.067 306.923 172.045C322.621 162.663 338.86 158.332 357.445 157.25C354.739 155.445 362.497 153.099 360.152 148.769L359.791 148.408Z" fill="url(#paint5_linear_2766_38545)"/>
+<path d="M277.695 106.727C293.573 113.584 309.813 120.621 317.752 123.688C315.587 118.816 313.782 113.945 312.339 111.238C306.204 98.7878 303.678 89.0442 294.656 70.6396C285.454 52.0546 278.417 41.2283 269.575 40.8675C261.997 40.5066 253.697 52.235 246.479 73.1657C240.886 89.4051 239.442 93.1943 235.473 100.592C243.592 99.8705 260.734 99.3291 277.695 106.727Z" fill="url(#paint6_linear_2766_38545)"/>
+<path d="M215.98 101.675C212.912 97.525 208.401 87.4205 198.116 73.7073C185.847 57.468 177.005 50.2505 168.164 53.1375C160.766 55.6636 155.172 80.203 152.105 99.5098C149.579 115.569 149.579 117.014 148.496 122.968C147.414 128.382 146.331 134.877 144.707 141.193C152.105 135.78 164.736 126.397 177.005 117.194C191.26 106.368 207.499 102.76 215.799 101.496L215.98 101.675Z" fill="url(#paint7_linear_2766_38545)"/>
+<path d="M272.147 196.091C271.599 195.543 271.051 195.178 270.321 194.813C263.93 191.16 257.904 186.778 251.695 183.126C246.4 179.839 241.104 177.1 235.443 176.004C231.243 175.091 227.044 175.091 222.661 176.369C213.166 179.109 209.696 185.317 204.401 192.804C201.844 196.273 198.74 199.925 194.905 203.578L194.54 203.943C185.044 213.803 200.748 237.907 231.609 237.725C236.174 237.725 240.922 237.177 246.217 236.081C274.703 229.69 283.468 205.404 271.964 196.091H272.147ZM226.861 199.378C219.009 200.291 215.539 193.899 216.452 190.613C217.183 187.874 220.47 184.769 226.861 184.039C232.522 183.491 235.809 186.047 236.722 188.421C238 191.891 234.53 198.465 226.861 199.195V199.378Z" fill="#FFC635"/>
+<path d="M236.58 188.493C235.654 186.088 232.324 183.497 226.589 184.052C220.113 184.793 216.783 187.938 216.043 190.528C215.118 193.858 218.633 200.149 226.589 199.409C234.174 198.669 237.875 191.823 236.58 188.493Z" fill="#00073A"/>
+<path d="M263.799 171.5C271.016 170.418 275.347 169.155 274.264 157.968C273.001 143.713 267.407 139.382 259.829 140.646C251.89 141.728 251.348 148.946 252.431 160.674C253.333 169.155 260.009 172.222 263.799 171.681V171.5Z" fill="url(#paint8_linear_2766_38545)"/>
+<path d="M266.686 154.722C268.671 154.542 269.934 152.737 269.753 150.752C269.573 148.768 267.769 147.505 265.784 147.685C263.799 147.866 262.536 149.67 262.716 151.655C262.897 153.639 264.701 154.903 266.686 154.722Z" fill="white"/>
+<path d="M192.706 179.982C200.104 178.9 204.254 177.276 203.893 168.615C202.991 154.721 199.382 146.782 189.277 148.767C182.962 150.03 180.977 157.428 181.518 167.171C182.24 179.08 188.736 180.524 192.706 179.982Z" fill="url(#paint9_linear_2766_38545)"/>
+<path d="M195.773 162.845C197.578 162.664 199.021 160.86 198.841 159.055C198.66 157.251 196.856 155.807 195.051 155.988C193.247 156.168 191.804 157.973 191.984 159.777C192.164 161.581 193.969 163.025 195.773 162.845Z" fill="white"/>
+<path d="M362.497 184.494C362.497 180.885 356.723 180.885 356.362 177.276C356.001 171.683 371.339 169.698 370.075 164.285C368.632 157.789 360.693 158.33 357.986 157.428C357.625 157.428 357.264 157.067 357.084 156.887C338.679 158.15 322.26 162.48 306.562 171.683C291.585 180.704 276.248 196.042 271.196 196.402C282.563 205.605 273.902 229.603 245.754 235.918C240.702 237.001 235.83 237.542 231.319 237.542C200.825 237.542 185.308 213.905 194.69 204.161C189.638 205.966 179.173 195.5 163.294 189.005C149.04 183.231 131.537 181.607 114.576 187.381C111.689 189.726 102.307 190.448 102.487 197.124C102.848 203.259 113.674 199.65 114.035 202.357C114.396 206.146 106.457 208.672 106.817 212.461C107.9 222.025 131.357 218.235 148.498 233.933C161.129 245.481 162.392 266.051 159.505 294.741C158.964 299.793 158.242 305.747 157.52 312.063C233.304 361.142 304.216 320.904 320.094 307.913C318.831 298.891 317.568 290.591 316.666 286.08C311.614 256.849 321.357 219.859 335.792 205.966C352.393 189.907 362.317 191.892 362.317 184.313L362.497 184.494Z" fill="url(#paint10_linear_2766_38545)"/>
+<path d="M362.497 184.494C362.497 180.885 356.723 180.885 356.362 177.276C356.001 171.683 371.339 169.698 370.075 164.285C368.632 157.789 360.693 158.33 357.986 157.428C357.625 157.428 357.264 157.067 357.084 156.887C338.679 158.15 322.26 162.48 306.562 171.683C291.585 180.704 276.248 196.042 271.196 196.402C282.563 205.605 273.902 229.603 245.754 235.918C240.702 237.001 235.83 237.542 231.319 237.542C200.825 237.542 185.308 213.905 194.69 204.161C189.638 205.966 179.173 195.5 163.294 189.005C149.04 183.231 131.537 181.607 114.576 187.381C111.689 189.726 102.307 190.448 102.487 197.124C102.848 203.259 113.674 199.65 114.035 202.357C114.396 206.146 106.457 208.672 106.817 212.461C107.9 222.025 131.357 218.235 148.498 233.933C161.129 245.481 162.392 266.051 159.505 294.741C158.964 299.793 158.242 305.747 157.52 312.063C176.105 324.152 197.577 332.091 220.673 334.437C222.658 301.958 240.161 288.606 240.161 288.606C240.161 288.606 262.715 299.974 267.948 331.55C287.074 327.22 304.757 319.1 320.275 307.913C319.012 298.891 317.749 290.591 316.846 286.08C311.794 256.849 321.538 219.859 335.973 205.966C352.573 189.907 362.497 191.892 362.497 184.313V184.494Z" fill="url(#paint11_linear_2766_38545)"/>
+<path d="M268.126 331.913C262.893 300.517 240.339 288.969 240.339 288.969C240.339 288.969 222.836 302.502 220.852 335.161C220.852 335.161 232.76 336.604 245.03 335.702C257.3 334.8 267.946 331.913 267.946 331.913H268.126Z" fill="#FFC635"/>
+<defs>
+<linearGradient id="paint0_linear_2766_38545" x1="56.4769" y1="43.7569" x2="42.4028" y2="152.741" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E752FF"/>
+<stop offset="0.1" stop-color="#DD4FFF"/>
+<stop offset="0.3" stop-color="#C347FF"/>
+<stop offset="0.5" stop-color="#983BFF"/>
+<stop offset="0.8" stop-color="#5E2AFF"/>
+<stop offset="1" stop-color="#271AFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2766_38545" x1="115.839" y1="-2.0751" x2="105.734" y2="77.6782" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E752FF"/>
+<stop offset="0.1" stop-color="#DD4FFF"/>
+<stop offset="0.3" stop-color="#C347FF"/>
+<stop offset="0.5" stop-color="#983BFF"/>
+<stop offset="0.8" stop-color="#5E2AFF"/>
+<stop offset="1" stop-color="#271AFF"/>
+</linearGradient>
+<radialGradient id="paint2_radial_2766_38545" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(271.956 -89.3368) rotate(90) scale(383.61)">
+<stop stop-color="#AE49EC"/>
+<stop offset="1" stop-color="#210340"/>
+</radialGradient>
+<linearGradient id="paint3_linear_2766_38545" x1="276.973" y1="107.99" x2="285.815" y2="24.2672" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6600" stop-opacity="0.1"/>
+<stop offset="0.2" stop-color="#FF6600" stop-opacity="0.4"/>
+<stop offset="0.4" stop-color="#FF6600"/>
+<stop offset="0.7" stop-color="#FD4737"/>
+<stop offset="1" stop-color="#FB2872"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2766_38545" x1="179.531" y1="119.36" x2="151.564" y2="39.9673" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6600" stop-opacity="0.2"/>
+<stop offset="0.2" stop-color="#FF6600" stop-opacity="0.3"/>
+<stop offset="0.3" stop-color="#FF6600" stop-opacity="0.6"/>
+<stop offset="0.4" stop-color="#FF6600"/>
+<stop offset="0.7" stop-color="#FD4737"/>
+<stop offset="1" stop-color="#FB2872"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2766_38545" x1="230.778" y1="33.65" x2="239.98" y2="310.982" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6600"/>
+<stop offset="0.1" stop-color="#FF6A02"/>
+<stop offset="0.2" stop-color="#FF7709"/>
+<stop offset="0.3" stop-color="#FF8C15"/>
+<stop offset="0.5" stop-color="#FFB029"/>
+<stop offset="0.6" stop-color="#FFA120"/>
+<stop offset="0.7" stop-color="#FF7508"/>
+<stop offset="0.8" stop-color="#FF6600"/>
+<stop offset="0.9" stop-color="#FB2872"/>
+</linearGradient>
+<linearGradient id="paint6_linear_2766_38545" x1="276.612" y1="102.408" x2="283.798" y2="32.3972" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6600" stop-opacity="0"/>
+<stop offset="0.2" stop-color="#FF6600" stop-opacity="0.3"/>
+<stop offset="0.3" stop-color="#FF6600" stop-opacity="0.6"/>
+<stop offset="0.4" stop-color="#FF6600"/>
+<stop offset="0.7" stop-color="#FD4737"/>
+<stop offset="1" stop-color="#FB2872"/>
+</linearGradient>
+<linearGradient id="paint7_linear_2766_38545" x1="180.343" y1="118.41" x2="151.564" y2="39.9673" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6600" stop-opacity="0"/>
+<stop offset="0.2" stop-color="#FF6600" stop-opacity="0.3"/>
+<stop offset="0.3" stop-color="#FF6600" stop-opacity="0.6"/>
+<stop offset="0.4" stop-color="#FF6600"/>
+<stop offset="0.7" stop-color="#FD4737"/>
+<stop offset="1" stop-color="#FB2872"/>
+</linearGradient>
+<linearGradient id="paint8_linear_2766_38545" x1="254.957" y1="131.443" x2="267.227" y2="170.598" gradientUnits="userSpaceOnUse">
+<stop offset="0.2" stop-color="#A030B9"/>
+<stop offset="0.9" stop-color="#00073A"/>
+</linearGradient>
+<linearGradient id="paint9_linear_2766_38545" x1="185.669" y1="141.369" x2="195.051" y2="175.832" gradientUnits="userSpaceOnUse">
+<stop offset="0.2" stop-color="#A030B9"/>
+<stop offset="0.9" stop-color="#00073A"/>
+</linearGradient>
+<linearGradient id="paint10_linear_2766_38545" x1="236.371" y1="76.2312" x2="236.371" y2="463.269" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6600"/>
+<stop offset="0.3" stop-color="#FFB029"/>
+<stop offset="0.5" stop-color="#FF9218"/>
+<stop offset="0.6" stop-color="#FF6600"/>
+<stop offset="1" stop-color="#FB2872"/>
+</linearGradient>
+<linearGradient id="paint11_linear_2766_38545" x1="236.371" y1="143.895" x2="236.371" y2="368.901" gradientUnits="userSpaceOnUse">
+<stop offset="0.1" stop-color="#FFEB49" stop-opacity="0.8"/>
+<stop offset="0.4" stop-color="#FFC836" stop-opacity="0.6"/>
+<stop offset="0.6" stop-color="#FF9319"/>
+<stop offset="1" stop-color="#FF6600" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
