Nuxt/docs/public/assets/design-kit/hero-designkit-light.svg

<svg width="438" height="236" viewBox="0 0 438 236" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M228.182 186.96V235.96" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M1.18213 173.96H191.182" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M46.1821 49.9602H208.182" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M283.182 144.96H436.182" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M1.18213 109.96L154.182 109.96" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M9.99268 77L162.993 77" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M45.1821 142.96H124.182" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M283.182 109.96L417.182 109.96" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M316.182 173.96L247.182 173.96" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M352.182 27.9602V108.767V214.96" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M316.182 0.960693V225.961" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M243.182 57.9605L416.182 57.9602" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M77.1821 225.96L77.1821 6.9602" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M162.993 25V77" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M45.1821 28.9602L45.1821 212.96" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M124.182 49.9602V234.96" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M176.182 173.96V219.96" stroke="#F4F4F5" stroke-width="0.748571"/>
<path d="M78.1821 204.96H393.182" stroke="#F4F4F5" stroke-width="0.748571"/>
<circle opacity="0.7" cx="124.182" cy="109.96" r="3.5" fill="#00DC82"/>
<circle opacity="0.7" cx="45.1816" cy="173.96" r="3.5" fill="#00DC82"/>
<circle opacity="0.7" cx="77.1816" cy="49.9602" r="3.5" fill="#00DC82"/>
<circle opacity="0.7" cx="352.182" cy="57.9604" r="3.5" fill="#00DC82"/>
<circle opacity="0.7" cx="316.182" cy="109.961" r="3.5" fill="#00DC82"/>
<circle opacity="0.7" cx="176.182" cy="204.96" r="3.5" fill="#00DC82"/>
<g filter="url(#filter0_d_1199_61925)">
<path d="M276.822 156.041C281.058 153.386 283.595 148.692 283.493 143.693M162.482 159.072C157.989 156.582 154.467 151.794 154.5 146.657M227.594 186.846C223.264 189.555 217.772 189.72 213.305 187.244M275.95 76.1412C280.324 78.5659 283.079 83.1709 283.181 88.1712M223.961 47.7564C219.56 45.3168 214.158 45.4382 209.853 48.0435M283.119 143.701C283.125 144.005 283.121 144.308 283.107 144.61C282.902 149.135 280.486 153.307 276.614 155.73L227.395 186.528C223.18 189.166 217.834 189.326 213.487 186.916L162.663 158.745C158.258 156.303 154.842 151.626 154.875 146.659L154.875 146.657L154.875 90.2182C154.875 90.2178 154.875 90.2174 154.875 90.217C154.907 85.4042 157.44 80.944 161.558 78.4524L161.561 78.4502L210.047 48.3638C210.047 48.3634 210.048 48.363 210.048 48.3627C214.239 45.8273 219.497 45.7101 223.779 48.0837L223.782 48.0849L275.768 76.4685C275.769 76.4687 275.769 76.4688 275.769 76.469C280.025 78.8281 282.706 83.3092 282.807 88.1758C282.807 88.1768 282.807 88.1778 282.807 88.1788L283.118 143.695L283.119 143.701Z" stroke="#00DC82" stroke-opacity="0.25" stroke-width="0.748571" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter1_d_1199_61925)">
<path d="M186.443 94.6502L214.259 77.1861C216.74 75.6664 219.826 75.6029 222.352 77.0194L252.175 93.4945C254.685 94.9024 256.264 97.5604 256.323 100.477L256.502 132.703C256.56 135.609 255.105 138.332 252.67 139.874L224.436 157.75C221.939 159.33 218.803 159.418 216.239 157.981L187.085 141.629C184.506 140.183 182.487 137.42 182.506 134.423L182.506 101.664C182.525 98.7945 184.017 96.1356 186.443 94.6502Z" fill="white"/>
<path d="M251.809 94.1474C251.809 94.1478 251.81 94.1481 251.81 94.1485C254.081 95.423 255.519 97.8476 255.574 100.487C255.574 100.489 255.574 100.49 255.574 100.492L255.753 132.707L255.753 132.718C255.757 132.883 255.755 133.048 255.747 133.212C255.637 135.668 254.341 137.93 252.269 139.241L224.035 157.117C221.782 158.544 218.926 158.629 216.605 157.328L187.451 140.977C185.05 139.63 183.237 137.074 183.255 134.428H183.255V134.423L183.255 101.669C183.255 101.668 183.255 101.667 183.255 101.666C183.272 99.054 184.632 96.637 186.834 95.2886L186.834 95.2886L186.841 95.2841L214.65 77.8245C214.651 77.8238 214.652 77.823 214.653 77.8223C214.654 77.8217 214.655 77.8211 214.656 77.8205C216.895 76.4525 219.701 76.3913 221.985 77.6723L221.99 77.6747L251.809 94.1474Z" stroke="url(#paint0_linear_1199_61925)" stroke-width="1.49714"/>
</g>
<path d="M233.025 102.324C229.947 102.324 226.478 104.03 222.749 107.368C220.133 109.71 217.893 112.384 216.346 114.407C215.049 114.012 213.678 113.927 212.341 114.157C211.005 114.387 209.741 114.927 208.651 115.733C207.561 116.54 206.675 117.59 206.064 118.8C205.452 120.011 205.133 121.347 205.131 122.703C205.131 127.213 202.789 129.221 202.674 129.323C202.485 129.468 202.349 129.67 202.284 129.899C202.219 130.128 202.229 130.372 202.312 130.595C202.386 130.823 202.531 131.022 202.726 131.163C202.921 131.303 203.156 131.377 203.396 131.375H213.803C215.158 131.373 216.495 131.053 217.705 130.442C218.915 129.831 219.966 128.944 220.772 127.854C221.578 126.764 222.118 125.5 222.349 124.164C222.579 122.828 222.493 121.457 222.099 120.159C224.122 118.613 226.796 116.373 229.137 113.757C232.476 110.028 234.181 106.559 234.181 103.48C234.181 103.174 234.06 102.88 233.843 102.663C233.626 102.446 233.332 102.324 233.025 102.324V102.324ZM213.803 129.062H205.795C206.619 127.689 207.443 125.594 207.443 122.703C207.443 121.445 207.816 120.216 208.515 119.17C209.214 118.124 210.207 117.309 211.369 116.828C212.531 116.347 213.81 116.221 215.043 116.466C216.277 116.711 217.41 117.317 218.299 118.206C219.189 119.096 219.794 120.229 220.04 121.462C220.285 122.696 220.159 123.975 219.678 125.137C219.196 126.299 218.381 127.292 217.336 127.991C216.29 128.69 215.06 129.062 213.803 129.062V129.062ZM218.485 115.419C218.904 114.884 219.396 114.277 219.96 113.612C221.116 114.393 222.112 115.389 222.894 116.546C222.229 117.11 221.622 117.601 221.087 118.02C220.418 116.975 219.53 116.088 218.485 115.419V115.419ZM224.642 115C223.778 113.788 222.718 112.728 221.506 111.863C224.339 108.799 228.154 105.446 231.739 104.767C231.06 108.351 227.706 112.167 224.642 115V115Z" fill="url(#paint1_linear_1199_61925)"/>
<g filter="url(#filter2_d_1199_61925)">
<path d="M261.626 145.035C264.717 143.104 266.568 139.688 266.494 136.049M178.315 147.234C175.041 145.423 172.475 141.941 172.499 138.205M225.761 167.433C222.606 169.403 218.604 169.523 215.349 167.723M260.997 86.9209C264.185 88.6843 266.192 92.0334 266.266 95.67M223.114 66.2774C219.907 64.5031 215.971 64.5914 212.834 66.4862M266.12 136.057C266.124 136.276 266.121 136.495 266.111 136.712C265.964 139.964 264.226 142.963 261.441 144.709C261.436 144.712 261.432 144.715 261.428 144.717L225.563 167.116C222.522 169.015 218.666 169.13 215.531 167.395L178.496 146.907C175.31 145.144 172.85 141.773 172.873 138.207H172.873V138.205L172.874 97.1594C172.874 97.159 172.874 97.1586 172.874 97.1582C172.897 93.6939 174.724 90.4831 177.694 88.6892L177.694 88.6893L177.698 88.6871L213.027 66.8066C213.028 66.8062 213.028 66.8059 213.029 66.8056C213.033 66.8032 213.037 66.8009 213.04 66.7986C216.062 64.9802 219.848 64.8985 222.933 66.6049L222.935 66.606L260.816 87.2484C260.816 87.2486 260.817 87.2488 260.817 87.249C263.886 88.9471 265.82 92.1725 265.892 95.6751C265.892 95.6759 265.892 95.6768 265.892 95.6776L266.119 136.052L266.12 136.057Z" stroke="#00DC82" stroke-width="0.748571" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter3_d_1199_61925)">
<path d="M269.657 151.186C273.364 148.864 275.583 144.763 275.494 140.396M169.492 153.839C165.556 151.662 162.471 147.477 162.5 142.986M226.528 178.117C222.735 180.485 217.925 180.629 214.012 178.465M268.886 81.3472C272.718 83.4667 275.131 87.4921 275.22 91.8629M223.346 56.5353C219.49 54.4028 214.758 54.5089 210.987 56.7863M275.119 140.404C275.206 144.644 273.048 148.627 269.444 150.878L226.33 177.799C222.651 180.096 217.986 180.235 214.193 178.137L169.673 153.512C165.825 151.383 162.846 147.309 162.874 142.989L162.874 142.986L162.875 93.6526C162.875 93.6522 162.875 93.6518 162.875 93.6514C162.903 89.4612 165.113 85.5776 168.706 83.408L168.706 83.408L168.709 83.4058L211.181 57.1067C211.181 57.1064 211.182 57.106 211.183 57.1057C214.84 54.898 219.428 54.796 223.164 56.8628L223.167 56.8639L268.705 81.6747C268.705 81.6749 268.706 81.6751 268.706 81.6753C272.419 83.7296 274.759 87.6312 274.846 91.868C274.846 91.8689 274.846 91.8697 274.846 91.8706L275.119 140.398L275.119 140.404Z" stroke="#00DC82" stroke-opacity="0.3" stroke-width="0.748571" shape-rendering="crispEdges"/>
</g>
<defs>
<filter id="filter0_d_1199_61925" x="135.763" y="27.2631" width="166.469" height="180.474" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="9.36846"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.862745 0 0 0 0 0.509804 0 0 0 0.54 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1199_61925"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1199_61925" result="shape"/>
</filter>
<filter id="filter1_d_1199_61925" x="163.769" y="57.2631" width="111.471" height="120.474" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="9.36846"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.862745 0 0 0 0 0.509804 0 0 0 0.07 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1199_61925"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1199_61925" result="shape"/>
</filter>
<filter id="filter2_d_1199_61925" x="153.122" y="45.6229" width="132.751" height="142.754" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="9.68854"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.862745 0 0 0 0 0.509804 0 0 0 0.54 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1199_61925"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1199_61925" result="shape"/>
</filter>
<filter id="filter3_d_1199_61925" x="143.763" y="36.2631" width="150.47" height="162.474" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="9.36846"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.862745 0 0 0 0 0.509804 0 0 0 0.54 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1199_61925"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1199_61925" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1199_61925" x1="183.231" y1="101.456" x2="256.56" y2="137.693" gradientUnits="userSpaceOnUse">
<stop stop-color="#00DC82"/>
<stop offset="1" stop-color="#003F25"/>
</linearGradient>
<linearGradient id="paint1_linear_1199_61925" x1="202.152" y1="108.532" x2="232.756" y2="126.633" gradientUnits="userSpaceOnUse">
<stop stop-color="#00DC82"/>
<stop offset="1" stop-color="#003F25"/>
</linearGradient>
</defs>
</svg>