diff --git a/docs/images/header.png b/docs/images/header.png
index 735224498c..a655023c74 100644
Binary files a/docs/images/header.png and b/docs/images/header.png differ
diff --git a/docs/images/winui-gallery.png b/docs/images/winui-gallery.png
index 606bb9041c..e9f4113c0f 100644
Binary files a/docs/images/winui-gallery.png and b/docs/images/winui-gallery.png differ
diff --git a/docs/images/winuiLogo.png b/docs/images/winuiLogo.png
index f9ec1ec524..ac9af493ce 100644
Binary files a/docs/images/winuiLogo.png and b/docs/images/winuiLogo.png differ
diff --git a/docs/images/winuiLogo.svg b/docs/images/winuiLogo.svg
index 5064dd00c3..49a78693f2 100644
--- a/docs/images/winuiLogo.svg
+++ b/docs/images/winuiLogo.svg
@@ -1,44 +1,57 @@
-<svg width="223" height="223" viewBox="0 0 223 223" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_86_1377" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="13" width="223" height="196">
-<path d="M163.439 13.9226H59.3216C58.0445 13.9225 56.7906 14.2581 55.6841 14.8957C54.5783 15.5333 53.6588 16.4504 53.019 17.5552L0.98143 107.383C0.338555 108.492 0 109.752 0 111.034C0 112.317 0.338555 113.576 0.98143 114.686L53.019 204.514C53.6594 205.618 54.5783 206.535 55.6847 207.173C56.7906 207.81 58.0451 208.145 59.3216 208.145H163.439C164.716 208.145 165.97 207.809 167.077 207.172C168.183 206.534 169.102 205.617 169.742 204.512L221.779 114.685C222.422 113.575 222.761 112.316 222.761 111.033C222.761 109.751 222.422 108.491 221.779 107.382L169.742 17.554C169.101 16.4494 168.183 15.5325 167.076 14.8952C165.97 14.2578 164.716 13.9224 163.439 13.9226Z" fill="#F6F6F6"/>
-</mask>
-<g mask="url(#mask0_86_1377)">
-<path d="M235.683 -13.2686H-12.9219V235.336H235.683V-13.2686Z" fill="url(#paint0_radial_86_1377)"/>
-<path d="M152.795 68.0903C152.582 67.7231 152.47 67.3068 152.469 66.8825C152.468 66.4583 152.577 66.0407 152.787 65.6723L166.947 40.8446C167.052 40.659 167.205 40.5046 167.39 40.397C167.574 40.2894 167.784 40.2324 167.997 40.2317C168.211 40.231 168.421 40.2867 168.606 40.3931C168.791 40.4996 168.945 40.653 169.052 40.8379L208.298 108.657C208.725 109.395 208.95 110.234 208.95 111.087C208.95 111.941 208.725 112.78 208.298 113.518L169.109 181.329C169.003 181.514 168.849 181.668 168.664 181.774C168.478 181.88 168.269 181.936 168.055 181.936C167.841 181.935 167.631 181.878 167.447 181.77C167.262 181.663 167.109 181.509 167.004 181.323L152.841 156.49C152.631 156.122 152.521 155.705 152.522 155.281C152.523 154.857 152.636 154.441 152.847 154.074L176.957 112.316C177.17 111.947 177.282 111.528 177.282 111.102C177.282 110.676 177.17 110.257 176.957 109.888L152.795 68.0903Z" fill="url(#paint1_radial_86_1377)"/>
-<path d="M-12.9219 235.336H182.272L111.38 111.034H-12.9219V235.336Z" fill="url(#paint2_radial_86_1377)"/>
-<path d="M-12.9219 -13.2686H182.272L111.38 111.034H-12.9219V-13.2686Z" fill="url(#paint3_radial_86_1377)"/>
-</g>
-<mask id="mask1_86_1377" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="29" width="78" height="164">
-<path d="M91.3447 31.2983C91.4509 31.1138 91.5073 30.9045 91.5073 30.6915C91.5073 30.4785 91.4515 30.2692 91.3447 30.0847C91.2385 29.9001 91.0855 29.7469 90.901 29.6403C90.7165 29.5337 90.5071 29.4776 90.2941 29.4774L61.8174 29.4604C61.3913 29.4603 60.9719 29.5723 60.6029 29.7854C60.2333 29.9985 59.9268 30.3051 59.7138 30.6743L14.707 108.55C14.2797 109.288 14.0547 110.127 14.0547 110.98C14.0547 111.834 14.2797 112.673 14.707 113.411L59.803 191.343C60.016 191.711 60.3219 192.018 60.6903 192.231C61.0593 192.444 61.4775 192.556 61.903 192.557L90.4142 192.572C90.7359 192.572 91.0449 192.444 91.2725 192.217C91.5001 191.989 91.6281 191.68 91.6281 191.359C91.6281 191.145 91.5711 190.936 91.463 190.752L46.0502 112.182C45.8371 111.813 45.7249 111.394 45.7249 110.968C45.7249 110.542 45.8371 110.123 46.0502 109.754L91.3447 31.2983Z" fill="white"/>
-</mask>
-<g mask="url(#mask1_86_1377)">
-<path d="M111.382 111.033H-12.9199V235.336H111.382V111.033Z" fill="url(#paint4_radial_86_1377)"/>
-<path d="M111.384 -13.269H-12.918V111.033H111.384V-13.269Z" fill="url(#paint5_radial_86_1377)"/>
-</g>
+<svg width="365" height="332" viewBox="0 0 365 332" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M248.741 0.102966H116.26C98.4776 0.102966 82.0463 9.58965 73.1553 24.9893L7.15699 139.302C2.4684 147.424 0 156.635 0 166.012H182.5C182.5 164.96 182.777 164.127 183.303 163.216L273.627 6.77118C266.184 2.47464 257.632 0.102966 248.741 0.102966Z" fill="url(#paint0_linear_849_6218)"/>
+<path d="M248.741 331.921H116.26C98.4777 331.921 82.0464 322.434 73.1555 307.034L7.15699 192.721C2.50191 184.658 0.0350068 175.319 0 166.012H182.5C182.5 166.802 182.707 167.777 183.102 168.461L273.626 325.253C266.185 329.55 257.632 331.921 248.741 331.921Z" fill="url(#paint1_linear_849_6218)"/>
+<path d="M357.843 192.719L291.844 307.033C287.399 314.732 281.068 320.954 273.626 325.251L183.102 168.459C182.707 167.775 182.5 167 182.5 166.211C182.5 165.159 182.777 164.125 183.303 163.214L273.627 6.76959C281.068 11.0661 287.399 17.2877 291.844 24.9876L357.843 139.3C362.531 147.421 365 156.633 365 166.01C365 175.387 362.531 184.6 357.843 192.719Z" fill="url(#paint2_linear_849_6218)"/>
+<path d="M357.843 192.719L291.844 307.033C287.399 314.732 281.068 320.954 273.626 325.251L183.102 168.459C182.707 167.775 182.5 167 182.5 166.211C182.5 165.159 182.777 164.125 183.303 163.214L273.627 6.76959C281.068 11.0661 287.399 17.2877 291.844 24.9876L357.843 139.3C362.531 147.421 365 156.633 365 166.01C365 175.387 362.531 184.6 357.843 192.719Z" fill="url(#paint3_linear_849_6218)"/>
+<path d="M357.843 192.719L291.844 307.033C287.399 314.732 281.068 320.954 273.626 325.251L183.102 168.459C182.707 167.775 182.5 167 182.5 166.211C182.5 165.159 182.777 164.125 183.303 163.214L273.627 6.76959C281.068 11.0661 287.399 17.2877 291.844 24.9876L357.843 139.3C362.531 147.421 365 156.633 365 166.01C365 175.387 362.531 184.6 357.843 192.719Z" fill="url(#paint4_linear_849_6218)"/>
+<path d="M357.843 192.719L291.844 307.033C287.399 314.732 281.068 320.954 273.626 325.251L183.102 168.459C182.707 167.775 182.5 167 182.5 166.211C182.5 165.159 182.777 164.125 183.303 163.214L273.627 6.76959C281.068 11.0661 287.399 17.2877 291.844 24.9876L357.843 139.3C362.531 147.421 365 156.633 365 166.01C365 175.387 362.531 184.6 357.843 192.719Z" fill="url(#paint5_linear_849_6218)"/>
+<path d="M182.618 49.8757L149.093 107.944L116.64 164.189C116.319 164.743 116.151 165.385 116.151 166.025L116.157 166.213H51.2345L51.2329 166.012C51.2329 163.888 51.7795 161.765 52.8727 159.852C58.5657 149.892 70.4909 129.211 82.7695 107.944H82.7297L111.466 58.1711C114.43 53.0379 119.907 49.8757 125.834 49.8757H182.618Z" fill="#D9D9D9"/>
+<path d="M182.618 49.8757L149.093 107.944L116.64 164.189C116.319 164.743 116.151 165.385 116.151 166.025L116.157 166.213H51.2345L51.2329 166.012C51.2329 163.888 51.7795 161.765 52.8727 159.852C58.5657 149.892 70.4909 129.211 82.7695 107.944H82.7297L111.466 58.1711C114.43 53.0379 119.907 49.8757 125.834 49.8757H182.618Z" fill="url(#paint6_linear_849_6218)"/>
+<path d="M182.618 49.8757L149.093 107.944L116.64 164.189C116.319 164.743 116.151 165.385 116.151 166.025L116.157 166.213H51.2345L51.2329 166.012C51.2329 163.888 51.7795 161.765 52.8727 159.852C58.5657 149.892 70.4909 129.211 82.7695 107.944H82.7297L111.466 58.1711C114.43 53.0379 119.907 49.8757 125.834 49.8757H182.618Z" fill="url(#paint7_linear_849_6218)"/>
+<path d="M149.03 224.196H149.054L116.64 167.838C116.353 167.34 116.188 166.784 116.157 166.215L116.151 166.028H51.2329C51.2354 168.147 51.7819 170.265 52.8727 172.173C58.5758 182.151 70.5329 202.888 82.8339 224.192H82.7944L111.466 273.852C114.429 278.985 119.906 282.148 125.834 282.148H182.633L149.03 224.196Z" fill="#D9D9D9"/>
+<path d="M149.03 224.196H149.054L116.64 167.838C116.353 167.34 116.188 166.784 116.157 166.215L116.151 166.028H51.2329C51.2354 168.147 51.7819 170.265 52.8727 172.173C58.5758 182.151 70.5329 202.888 82.8339 224.192H82.7944L111.466 273.852C114.429 278.985 119.906 282.148 125.834 282.148H182.633L149.03 224.196Z" fill="url(#paint8_linear_849_6218)"/>
+<path d="M215.227 107.944L248.815 166.13L215.292 224.193L217.087 227.315L248.732 282.148L309.608 176.755L312.232 172.159C313.321 170.251 313.865 168.132 313.865 166.014C313.865 163.895 313.321 161.778 312.232 159.868L309.583 155.23L282.342 108.062H282.322L248.732 49.8757L215.227 107.944Z" fill="#D9D9D9"/>
+<path d="M215.227 107.944L248.815 166.13L215.292 224.193L217.087 227.315L248.732 282.148L309.608 176.755L312.232 172.159C313.321 170.251 313.865 168.132 313.865 166.014C313.865 163.895 313.321 161.778 312.232 159.868L309.583 155.23L282.342 108.062H282.322L248.732 49.8757L215.227 107.944Z" fill="url(#paint9_linear_849_6218)"/>
 <defs>
-<radialGradient id="paint0_radial_86_1377" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(111.38 111.034) scale(124.302 124.302)">
-<stop offset="0.2" stop-color="#0C54C2"/>
-<stop offset="0.8" stop-color="#0A49A8"/>
-</radialGradient>
-<radialGradient id="paint1_radial_86_1377" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(113.391 110.896) scale(118.84 297.369)">
-<stop offset="0.5" stop-color="#E7E7E7"/>
-<stop offset="0.9" stop-color="#E4E4E4"/>
-</radialGradient>
-<radialGradient id="paint2_radial_86_1377" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(108.953 110.306) scale(119.872 119.872)">
-<stop offset="0.2" stop-color="#2D78D6"/>
-<stop offset="0.8" stop-color="#1F5AA2"/>
-</radialGradient>
-<radialGradient id="paint3_radial_86_1377" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(110.409 111.276) scale(120.738 120.738)">
-<stop offset="0.1" stop-color="#5FAFEF"/>
-<stop offset="0.7" stop-color="#2D78D6"/>
-</radialGradient>
-<radialGradient id="paint4_radial_86_1377" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(111.353 111.552) rotate(180) scale(124.302 101.411)">
-<stop offset="0.5" stop-color="#E7E7E7"/>
-<stop offset="0.9" stop-color="#E2E2E2"/>
-</radialGradient>
-<radialGradient id="paint5_radial_86_1377" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(109.317 112.815) rotate(180) scale(120.352 124.39)">
-<stop offset="0.5" stop-color="#F4F4F4"/>
-<stop offset="0.8" stop-color="#E4E4E4"/>
-</radialGradient>
+<linearGradient id="paint0_linear_849_6218" x1="99.5454" y1="8.39842" x2="28.4252" y2="121.153" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3BD5FF"/>
+<stop offset="1" stop-color="#0FAFFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_849_6218" x1="99.5455" y1="166.012" x2="86.8234" y2="333.582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0FAFFF"/>
+<stop offset="1" stop-color="#0078D4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_849_6218" x1="182.5" y1="6.76959" x2="457.274" y2="164.223" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0FAFFF"/>
+<stop offset="1" stop-color="#0078D4"/>
+</linearGradient>
+<linearGradient id="paint3_linear_849_6218" x1="182.5" y1="6.76959" x2="457.274" y2="164.223" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3BD5FF"/>
+<stop offset="1" stop-color="#0FAFFF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_849_6218" x1="182.5" y1="6.76959" x2="457.274" y2="164.223" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0FAFFF"/>
+<stop offset="1" stop-color="#0078D4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_849_6218" x1="197.709" y1="6.76959" x2="459.938" y2="144.513" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0078D4"/>
+<stop offset="1" stop-color="#004695"/>
+</linearGradient>
+<linearGradient id="paint6_linear_849_6218" x1="116.926" y1="49.8757" x2="141.923" y2="160.569" gradientUnits="userSpaceOnUse">
+<stop offset="0.173594" stop-color="#E6F9FE"/>
+<stop offset="1" stop-color="#9DEAFF"/>
+</linearGradient>
+<linearGradient id="paint7_linear_849_6218" x1="51.2329" y1="49.8757" x2="166.714" y2="180.295" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEFEFE"/>
+<stop offset="1" stop-color="#E6F9FE"/>
+</linearGradient>
+<linearGradient id="paint8_linear_849_6218" x1="51.2329" y1="180.474" x2="149.652" y2="307.668" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E6F9FE"/>
+<stop offset="1" stop-color="#9DEAFF"/>
+</linearGradient>
+<linearGradient id="paint9_linear_849_6218" x1="215.227" y1="49.8757" x2="382.362" y2="120.852" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9DEAFF"/>
+<stop offset="1" stop-color="#3BD5FF"/>
+</linearGradient>
 </defs>
 </svg>
diff --git a/docs/images/winui_os.png b/docs/images/winui_os.png
index 795f8b20cb..66525f08c4 100644
Binary files a/docs/images/winui_os.png and b/docs/images/winui_os.png differ