docs/statekit-hero.svg

<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_402_265)">
<rect width="1920" height="1080" fill="#221E1B"/>
<path d="M332.461 900.004H900.506C917.075 900.004 930.506 886.572 930.506 870.004V689.633C930.506 673.064 943.938 659.633 960.506 659.633H1210.24" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M388.367 1132.96V1072.09C388.367 1055.52 374.936 1042.09 358.367 1042.09H266.438C249.869 1042.09 236.438 1028.66 236.438 1012.09V924.234" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M125.492 511.64H286.18C302.748 511.64 316.18 498.209 316.18 481.64V345.781" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<rect x="-50.6304" y="456.65" width="171.223" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1.67529" cy="508.956" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="68.2866" cy="508.956" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<path d="M209.188 814.095V632.959C209.188 616.391 222.619 602.959 239.188 602.959H573.354C589.922 602.959 603.354 589.528 603.354 572.959V318.172" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M261.989 814.096V769.715C261.989 753.146 275.421 739.715 291.989 739.715H573.187" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M345.793 -22.0801V73.4131C345.793 89.9816 359.225 103.413 375.793 103.413H510.399C526.967 103.413 540.399 116.845 540.399 133.413V272.556" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M367.546 295.156H448.721" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M1395.03 1112.52V1028.2C1395.03 1011.63 1408.46 998.199 1425.03 998.199H1472.63C1489.2 998.199 1502.63 984.767 1502.63 968.199V920.862" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M2083.87 1112.52V1028.2C2083.87 1011.63 2070.44 998.199 2053.87 998.199H1598.59C1582.02 998.199 1568.59 984.767 1568.59 968.199V920.862" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M1057.82 1119.93V909.858C1057.82 893.289 1071.25 879.858 1087.82 879.858H1303.14C1319.71 879.858 1333.14 866.426 1333.14 849.858V680.08" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M1621.84 237.16V494.836C1621.84 511.404 1608.41 524.836 1591.84 524.836H1495.05C1478.49 524.836 1465.05 538.267 1465.05 554.836V641.164" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M1338.77 332.033L1093.79 332.033C1077.22 332.033 1063.79 318.602 1063.79 302.033L1063.79 214.321" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M1532.45 685.409V841.128" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<path d="M1398.4 385.53V640.163" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<rect x="1309.48" y="279.728" width="171.223" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1361.79" cy="332.033" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1428.4" cy="332.033" r="22.3057" fill="#FFD37E" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<rect x="1214.56" y="610.798" width="437.668" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1266.87" cy="663.104" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1333.48" cy="663.104" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1400.09" cy="663.104" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1466.7" cy="663.104" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1533.31" cy="663.104" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1599.93" cy="663.104" r="22.3057" fill="#FFD37E" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<rect x="1449.31" y="845.698" width="171.223" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1501.62" cy="898.004" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1568.23" cy="898.004" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<path d="M791.355 590.662C778.299 590.662 768.182 584.373 765.174 574.734C764.832 573.914 764.695 573.162 764.695 572.41C764.695 570.018 766.473 568.582 768.865 568.582C770.643 568.582 771.873 569.539 772.967 571.795C776.248 579.246 782.059 583.211 792.039 583.211C802.293 583.211 809.471 578.289 809.471 570.701C809.471 564.549 805.916 561.268 796.414 559.012L786.023 556.482C772.283 553.133 765.789 546.98 765.789 537.342C765.789 525.447 776.316 517.244 791.766 517.244C803.934 517.244 813.914 524.08 815.896 533.65C816.033 534.334 816.102 534.881 816.102 535.359C816.102 537.615 814.734 539.051 812.547 539.051C810.633 539.051 809.402 538.367 808.377 536.111C805.643 529.07 800.242 524.764 791.219 524.764C781.58 524.764 774.812 529.891 774.812 536.932C774.812 542.674 778.982 546.365 788.348 548.621L798.533 551.082C813.162 554.568 818.699 559.764 818.699 570.018C818.699 582.322 807.557 590.662 791.355 590.662ZM833.227 573.436V525.926H826.049C823.383 525.926 821.948 524.559 821.948 522.166C821.948 519.773 823.383 518.406 826.049 518.406H833.227V504.324C833.227 501.385 835.073 499.471 837.739 499.471C840.405 499.471 842.25 501.385 842.25 504.324V518.406H852.778C855.444 518.406 856.948 519.773 856.948 522.166C856.948 524.559 855.444 525.926 852.778 525.926H842.25V571.658C842.25 578.631 844.711 581.707 851.205 581.98L853.188 582.049C856.127 582.254 857.563 583.484 857.563 585.672C857.563 588.406 855.991 589.91 851.137 589.91H849.291C838.491 589.91 833.227 584.646 833.227 573.436ZM886.651 590.662C872.637 590.662 863.067 582.254 863.067 569.812C863.067 557.713 872.091 550.262 888.565 549.168L910.782 547.801V541.648C910.782 531.395 904.288 525.242 893.214 525.242C883.985 525.242 877.628 529.002 874.141 537.684C873.321 539.324 872.091 540.145 870.313 540.145C867.921 540.145 866.28 538.504 866.28 536.043C866.28 534.676 866.759 533.035 867.511 531.463C871.202 522.986 881.114 517.244 893.419 517.244C909.688 517.244 919.805 526.336 919.805 540.828V586.082C919.805 588.816 918.028 590.662 915.499 590.662C912.97 590.662 911.192 588.816 911.192 586.082V575.965H910.987C907.022 584.783 897.247 590.662 886.651 590.662ZM888.497 582.869C900.938 582.869 910.782 574.051 910.782 562.771V554.91L889.659 556.346C878.448 557.098 872.227 562.02 872.227 569.676C872.227 577.605 878.927 582.869 888.497 582.869ZM937.478 573.436V525.926H930.3C927.634 525.926 926.198 524.559 926.198 522.166C926.198 519.773 927.634 518.406 930.3 518.406H937.478V504.324C937.478 501.385 939.323 499.471 941.989 499.471C944.655 499.471 946.501 501.385 946.501 504.324V518.406H957.029C959.695 518.406 961.198 519.773 961.198 522.166C961.198 524.559 959.695 525.926 957.029 525.926H946.501V571.658C946.501 578.631 948.962 581.707 955.456 581.98L957.439 582.049C960.378 582.254 961.814 583.484 961.814 585.672C961.814 588.406 960.241 589.91 955.388 589.91H953.542C942.741 589.91 937.478 584.646 937.478 573.436ZM998.763 590.662C978.324 590.662 965.951 577.127 965.951 554.295C965.951 531.736 978.529 517.244 997.738 517.244C1015.92 517.244 1028.5 530.916 1028.5 550.672C1028.5 554.09 1026.52 556.141 1023.17 556.141H975.248C975.248 572.82 984.203 582.732 998.353 582.732C1008.27 582.732 1014.96 578.562 1019.61 569.676C1020.5 568.309 1021.53 567.693 1023.03 567.693C1025.42 567.693 1027.06 569.197 1027.06 571.658C1027.06 572.41 1026.79 573.436 1026.38 574.461C1022.35 584.578 1012.02 590.662 998.763 590.662ZM975.316 548.963H1019.2C1019 534.676 1010.32 525.174 997.67 525.174C984.955 525.174 976.068 534.607 975.316 548.963ZM1044.33 590.662C1041.73 590.662 1039.81 588.68 1039.81 585.809V494.549C1039.81 491.678 1041.73 489.695 1044.33 489.695C1046.99 489.695 1048.91 491.678 1048.91 494.549V552.039L1084.45 518.748C1085.62 517.654 1086.5 517.244 1087.8 517.244C1089.99 517.244 1091.7 518.953 1091.7 521.004C1091.7 522.303 1091.29 523.123 1090.2 524.148L1063.33 549.1L1092.04 583.621C1092.93 584.715 1093.27 585.604 1093.27 586.766C1093.27 589.021 1091.43 590.662 1089.03 590.662C1087.6 590.662 1086.64 590.252 1085.62 588.953L1056.84 554.637L1048.91 561.951V585.809C1048.91 588.68 1046.99 590.662 1044.33 590.662ZM1108.41 504.051C1105.13 504.051 1102.4 501.385 1102.4 498.035C1102.4 494.754 1105.13 492.088 1108.41 492.088C1111.76 492.088 1114.5 494.754 1114.5 498.035C1114.5 501.385 1111.76 504.051 1108.41 504.051ZM1108.41 590.662C1105.75 590.662 1103.9 588.68 1103.9 585.809V522.098C1103.9 519.227 1105.75 517.244 1108.41 517.244C1111.08 517.244 1112.93 519.227 1112.93 522.098V585.809C1112.93 588.68 1111.08 590.662 1108.41 590.662ZM1131.62 573.436V525.926H1124.45C1121.78 525.926 1120.34 524.559 1120.34 522.166C1120.34 519.773 1121.78 518.406 1124.45 518.406H1131.62V504.324C1131.62 501.385 1133.47 499.471 1136.14 499.471C1138.8 499.471 1140.65 501.385 1140.65 504.324V518.406H1151.17C1153.84 518.406 1155.34 519.773 1155.34 522.166C1155.34 524.559 1153.84 525.926 1151.17 525.926H1140.65V571.658C1140.65 578.631 1143.11 581.707 1149.6 581.98L1151.58 582.049C1154.52 582.254 1155.96 583.484 1155.96 585.672C1155.96 588.406 1154.39 589.91 1149.53 589.91H1147.69C1136.89 589.91 1131.62 584.646 1131.62 573.436Z" fill="#B95F1E"/>
<rect x="1011.48" y="106.955" width="104.611" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1063.79" cy="159.261" r="22.3057" fill="#FFD37E" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<rect x="87.0977" y="817.698" width="297.834" height="164.611" rx="82.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="139.403" cy="900.004" r="22.3057" fill="#FFD37E" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<rect x="183.709" y="847.698" width="171.223" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="236.015" cy="900.004" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="302.626" cy="900.004" r="22.3057" fill="#FFD37E" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<rect x="1568.48" y="135.732" width="104.611" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="1620.79" cy="188.038" r="22.3057" fill="#FFD37E" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<path d="M383.139 314.31L400.719 296.729C401.5 295.948 401.5 294.682 400.719 293.901L383.139 276.321" stroke="#6A3B27" stroke-width="8" stroke-linejoin="round"/>
<rect x="231.85" y="213.57" width="454.445" height="164.611" rx="82.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<rect x="261.85" y="243.57" width="104.611" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="314.155" cy="295.876" r="22.3057" fill="#FFD37E" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<rect x="418.461" y="243.57" width="237.834" height="104.611" rx="52.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="470.767" cy="295.876" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="537.378" cy="295.876" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="603.989" cy="295.876" r="22.3057" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<path d="M1553.93 146.807L1516.69 125.306" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<path d="M1726.73 246.57L1689.49 225.068" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<path d="M1621.71 107.676L1621.71 64.6738" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<path d="M1689.49 146.807L1726.73 125.306" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<path d="M1516.69 246.571L1553.93 225.069" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<rect x="684.024" y="686.484" width="104.611" height="104.611" rx="52.3057" transform="rotate(90 684.024 686.484)" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<circle cx="631.719" cy="738.79" r="22.3057" transform="rotate(90 631.719 738.79)" stroke="#FFD37E" stroke-width="8" stroke-linejoin="round"/>
<path d="M672.951 671.938L694.452 634.697" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<path d="M573.187 844.733L594.688 807.492" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<path d="M712.081 739.715L755.083 739.715" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<path d="M672.951 807.491L694.452 844.732" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
<path d="M573.187 634.698L594.688 671.939" stroke="#70480A" stroke-width="8" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_402_265">
<rect width="1920" height="1080" fill="white"/>
</clipPath>
</defs>
</svg>