diff --git a/assets/images/fetchez-logo.svg b/assets/images/fetchez-logo.svg
new file mode 100644
index 0000000..9b4e8a1
--- /dev/null
+++ b/assets/images/fetchez-logo.svg
@@ -0,0 +1,56 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 300 200"
+    width="300"
+    height="200"
+    role="img"
+    aria-labelledby="title desc">
+  <title id="title">Fetchez colored logo</title>
+  <desc id="desc">Six rounded terrain-colored tiles.</desc>
+  <defs>
+    <mask id="trebuchet" maskUnits="userSpaceOnUse" x="0" y="0" width="300" height="200">
+      <rect width="300" height="200" fill="white"/>
+      <path
+     d="M 25.390504,185.73124 C 47.382981,136.8971 79.386264,92.597442 118.83933,56.377305 c 8.83641,-8.112322 18.19402,-15.922154 29.11147,-20.892176 10.91745,-4.970022 23.67376,-6.869432 34.9909,-2.892724 6.59637,2.317886 12.44395,6.536728 17.12793,11.727583 4.68399,5.190855 8.23813,11.333712 10.90779,17.795728 5.33931,12.924033 7.16622,26.971158 9.62001,40.737704 5.97061,33.49696 15.932,66.28077 29.60631,97.43695 L 245.48447,200 C 232.38769,172.14107 221.08819,143.43737 211.67954,114.12657 208.39617,103.89786 205.30415,93.503866 200.05367,84.131591 194.80319,74.759315 187.09255,66.341283 177.0771,62.4557 167.12905,58.596268 155.79105,59.580932 145.76489,63.232646 135.73873,66.88436 126.82112,73.020503 118.32547,79.476723 80.604798,108.14233 48.778691,144.5298 25.390504,185.73124 Z"/>
+      <!-- <path -->
+      <!-- 	  d="M 4.887804,178.89109 C 39.319911,142.0252 74.618645,105.27339 107.83936,78.345249 133.27905,57.460857 158.1317,48.615851 181.67047,57.772885 c 20.93887,8.814777 36.21206,27.990659 47.53419,50.685295 7.71582,16.16157 32.74937,61.32357 39.45876,71.29432 l -5.53643,-0.007 C 255.67211,168.66722 228.39398,129.55563 219.32696,117.25509 207.39915,99.529324 193.13237,86.544261 176.28435,80.28746 154.35771,72.352372 131.48061,79.437997 108.37985,95.581683 75.643714,118.53473 42.683934,150.54581 4.887804,178.89109 Z"/> -->
+
+	  <!-- <path -->
+	  <!--     d="M 4.6632104,182.55338 C 36.995797,129.54779 71.84619,91.265989 103.76969,52.479036 c 24.42414,-30.07881 49.25901,-42.939648 74.25916,-30.05134 22.29527,12.421472 39.63241,39.705379 53.19938,72.054293 9.30433,23.039671 39.49167,85.573671 47.23813,99.770941 l -6.76373,0.0676 C 263.09543,178.54579 232.17241,124.65232 221.80285,107.14449 208.03134,81.9049 192.25201,63.463397 174.38307,54.663702 151.14527,43.508489 128.19548,53.836824 105.77915,77.117546 74.019272,110.21703 41.176677,141.70074 4.6632104,182.55338 Z" -->
+	  <!--     fill="black" -->
+	  <!--     id="path1495" -->
+	  <!--     style="stroke-width:0.929639;fill:#000000;fill-opacity:1"/> -->
+ 	  <!-- <ellipse -->
+	  <!--     fill="black" -->
+	  <!--     id="path5275" -->
+	  <!--     cx="10" -->
+	  <!--     cy="180" -->
+	  <!--     rx="20" -->
+	  <!--     ry="20" /> -->
+	  <!-- <!-\- turr -\-> -->
+	  <!-- <rect -->
+	  <!--     fill="black" -->
+	  <!--     id="rect1868" -->
+	  <!--     width="32" -->
+	  <!--     height="32" -->
+	  <!--     x="264" -->
+	  <!--     y="164" /> -->
+  	  <!-- <rect -->
+	  <!--     fill="black" -->
+	  <!--     id="rect1869" -->
+	  <!--     width="32" -->
+	  <!--     height="32" -->
+	  <!--     x="204" -->
+	  <!--     y="104" /> -->
+    </mask>
+  </defs>
+
+  <g mask="url(#trebuchet)">
+    <rect x="4 " y="4 " width="92" height="92" rx="16" fill="#F5F3EC"/>
+    <rect x="104" y="4 " width="92" height="92" rx="16" fill="#6BAED6"/>
+    <rect x="204" y="4 " width="92" height="92" rx="16" fill="#3B82C4"/>
+    <rect x="4 " y="104" width="92" height="92" rx="16" fill="#46525E"/>
+    <rect x="104" y="104" width="92" height="92" rx="16" fill="#D8B65A"/>
+    <rect x="204" y="104" width="92" height="92" rx="16" fill="#667382"/>
+  </g>
+</svg>
diff --git a/assets/images/globato-logo.svg b/assets/images/globato-logo.svg
new file mode 100644
index 0000000..25f77cb
--- /dev/null
+++ b/assets/images/globato-logo.svg
@@ -0,0 +1,32 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 300 200"
+    width="300"
+    height="200"
+    role="img"
+    aria-labelledby="title desc">
+  <title id="title">Globato colored logo</title>
+  <desc id="desc">Six rounded terrain-colored tiles crossed by a transparent visor.</desc>
+  <defs>
+    <mask id="visorCut" maskUnits="userSpaceOnUse" x="0" y="0" width="300" height="200">
+      <rect width="300" height="200" fill="white"/>
+      <rect
+	  fill="black"
+	  id="rect1868"
+	  width="82"
+	  height="30"
+	  x="130"
+	  y="20"
+	  rx="16"/>
+    </mask>
+  </defs>
+
+  <g mask="url(#visorCut)">
+    <rect x="4" y="4" width="92" height="92" rx="16" fill="#85B58D"/>
+    <rect x="104" y="4" width="92" height="92" rx="16" fill="#828D98"/>
+    <rect x="204" y="4" width="92" height="92" rx="16" fill="#D4BE9D"/>
+    <rect x="4" y="104" width="92" height="92" rx="16"  fill="#B5C18E "/>
+    <rect x="104" y="104" width="92" height="92" rx="16" fill="#5482B4"/>
+    <rect x="204" y="104" width="92" height="92" rx="16" fill="#2B4C7E"/>
+  </g>
+</svg>
diff --git a/assets/images/ivert-logo.svg b/assets/images/ivert-logo.svg
new file mode 100644
index 0000000..d9b08fd
--- /dev/null
+++ b/assets/images/ivert-logo.svg
@@ -0,0 +1,36 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 300 200"
+    width="300"
+    height="200"
+    role="img"
+    aria-labelledby="title desc">
+  <title id="title">Ivert colored logo</title>
+  <desc id="desc">Six rounded terrain-colored tiles crossed by diagonal scan lines.</desc>
+  <defs>>
+    <mask id="beams" maskUnits="userSpaceOnUse" x="0" y="0" width="300" height="200">
+      <rect width="300" height="200" fill="white"/>
+        <path
+	    style="fill:#000000;stroke:#000000;stroke-width:9;stroke-linecap:square"
+	    d="M 300,0 12,200"
+	    id="path613" />
+	<path
+	    style="fill:#000000;stroke:#000000;stroke-width:9;stroke-linecap:square"
+	    d="M 300,0 0,150"
+	    id="path617" />
+	<path
+	    style="fill:#000000;stroke:#000000;stroke-width:9;stroke-linecap:square"
+	    d="M 300,0 94,200"
+	    id="path619" />
+    </mask>
+  </defs>
+
+  <g mask="url(#beams)">
+    <rect x="4" y="4" width="92" height="92" rx="16" fill="#2D3746"/>
+    <rect x="104" y="4" width="92" height="92" rx="16" fill="#828D98"/>
+    <rect x="204" y="4" width="92" height="92" rx="16" fill="#4A586E"/>
+    <rect x="4" y="104" width="92" height="92" rx="16" fill="#77A3C8"/>
+    <rect x="104" y="104" width="92" height="92" rx="16" fill="#B5C18E "/>
+    <rect x="204" y="104" width="92" height="92" rx="16" fill="#A88572"/>
+  </g>
+</svg>
diff --git a/assets/images/transformez-logo.svg b/assets/images/transformez-logo.svg
new file mode 100644
index 0000000..11e7515
--- /dev/null
+++ b/assets/images/transformez-logo.svg
@@ -0,0 +1,24 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 300 200"
+    width="300"
+    height="200"
+    role="img"
+    aria-labelledby="title desc">
+  <title id="title">Transformez colored logo</title>
+  <desc id="desc">Six rounded raster tiles with a transparent wave cutout, representing a coastal vertical datum transformation.</desc>
+  <defs>
+    <mask id="wave-cutout">
+      <rect width="300" height="200" fill="white"/>
+      <path d="M-10 86 C28 88 51 71 76 59 C97 49 116 51 135 63 C154 75 166 94 179 113 C194 135 212 143 233 134 C253 125 270 107 310 91 L310 122 C274 137 255 153 236 160 C210 170 185 158 167 137 C149 116 136 97 114 88 C92 80 73 87 54 97 C34 108 13 114 -10 113 Z" fill="black"/>
+    </mask>
+  </defs>
+  <g mask="url(#wave-cutout)">
+    <rect x="4" y="4" width="92" height="92" rx="16" fill="#F4F1E8"/>
+    <rect x="104" y="4" width="92" height="92" rx="16" fill="#2D8DD6"/>
+    <rect x="204" y="4" width="92" height="92" rx="16" fill="#B8815F"/>
+    <rect x="4" y="104" width="92" height="92" rx="16" fill="#123E67"/>
+    <rect x="104" y="104" width="92" height="92" rx="16" fill="#159CC7"/>
+    <rect x="204" y="104" width="92" height="92" rx="16" fill="#58AF49"/>
+  </g>
+</svg>
diff --git a/index.md b/index.md
index 7c3c85b..d6adadb 100644
--- a/index.md
+++ b/index.md
@@ -21,30 +21,28 @@ Learn about the scientific foundation, architecture, and NSF POSE Phase I transi
 
 ---
 
-## 🛠️ Projects:
-
 ::::{grid} 1 2 3 4
 
 :::{grid-item-card}
-:header: 📥 Fetchez
+:header: ![](/assets/images/fetchez-logo.svg) fetchez
 :link: projects/fetchez.md
 Fetch, download and process geospatial datasets.
 :::
 
 :::{grid-item-card}
-:header: 🔄 Transformez
+:header: ![](/assets/images/transformez-logo.svg) transformez
 :link: projects/transformez.md
 Vertically transform and reproject DEMs.
 :::
 
 :::{grid-item-card}
-:header: 🌍 Globato
+:header: ![](/assets/images/globato-logo.svg) globato
 :link: projects/globato.md
 Generate seamless, multi-source, multi-resolution DEMs.
 :::
 
 :::{grid-item-card}
-:header: 🛰️ Ivert
+:header: ![](/assets/images/ivert-logo.svg) ivert
 :link: projects/ivert.md
 Validate DEM vertical accuracy against IceSat2 measurements and detect artifacts.
 :::
@@ -53,8 +51,6 @@ Validate DEM vertical accuracy against IceSat2 measurements and detect artifacts
 
 ---
 
-## 🌐 Community:
-
 ::::{grid} 2
 :::{grid-item-card}
 :header: 🧭 Community Compass