diff --git a/frontend/assets/design/icon.afdesign b/frontend/assets/design/icon.afdesign
new file mode 100644
index 0000000..79ecfc9
Binary files /dev/null and b/frontend/assets/design/icon.afdesign differ
diff --git a/frontend/assets/design/splash-art.afdesign b/frontend/assets/design/splash-art.afdesign
new file mode 100644
index 0000000..02c68cb
Binary files /dev/null and b/frontend/assets/design/splash-art.afdesign differ
diff --git a/frontend/public/apple-splash-1125x2436.png b/frontend/public/apple-splash-1125x2436.png
index 314ea2a..bb4f712 100644
Binary files a/frontend/public/apple-splash-1125x2436.png and b/frontend/public/apple-splash-1125x2436.png differ
diff --git a/frontend/public/apple-splash-1170x2532.png b/frontend/public/apple-splash-1170x2532.png
index ef29d24..4c91dd6 100644
Binary files a/frontend/public/apple-splash-1170x2532.png and b/frontend/public/apple-splash-1170x2532.png differ
diff --git a/frontend/public/apple-splash-1290x2796.png b/frontend/public/apple-splash-1290x2796.png
index ac07922..2a6902b 100644
Binary files a/frontend/public/apple-splash-1290x2796.png and b/frontend/public/apple-splash-1290x2796.png differ
diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
index 7850407..454cdb6 100644
Binary files a/frontend/public/apple-touch-icon.png and b/frontend/public/apple-touch-icon.png differ
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
deleted file mode 100644
index 3ad463f..0000000
Binary files a/frontend/public/favicon.ico and /dev/null differ
diff --git a/frontend/public/favicon.png b/frontend/public/favicon.png
new file mode 100644
index 0000000..4c74510
Binary files /dev/null and b/frontend/public/favicon.png differ
diff --git a/frontend/public/icon-192.png b/frontend/public/icon-192.png
index 137c746..90ec91c 100644
Binary files a/frontend/public/icon-192.png and b/frontend/public/icon-192.png differ
diff --git a/frontend/public/icon-512.png b/frontend/public/icon-512.png
index c34709e..4a2c689 100644
Binary files a/frontend/public/icon-512.png and b/frontend/public/icon-512.png differ
diff --git a/frontend/public/icon.svg b/frontend/public/icon.svg
index c25e4a6..74bc655 100644
--- a/frontend/public/icon.svg
+++ b/frontend/public/icon.svg
@@ -1,7 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="none">
-  <rect width="256" height="256" rx="48" fill="#132238" />
-  <path
-    fill="#f4ede2"
-    d="M144 70a14 14 0 1 1-28 0a14 14 0 0 1 28 0m-18.8 26.6a9 9 0 0 1 8.6-6.6h15a9 9 0 0 1 7.4 3.9l15.2 22.7a9 9 0 1 1-15 10.1l-10.1-15.1l-4.7 21.6l20.8 18.1a9 9 0 0 1-11.8 13.6L132 148.4l-12.4 20.7V192a9 9 0 1 1-18 0v-25.4a9 9 0 0 1 1.3-4.6l14.1-23.5l4.4-20.3l-8 9.8a9 9 0 0 1-7 3.3H87a9 9 0 1 1 0-18h15.2z"
-  />
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M256,48L256,208C256,234.492 234.492,256 208,256L48,256C21.508,256 0,234.492 0,208L0,48C0,21.508 21.508,0 48,0L208,0C234.492,0 256,21.508 256,48Z" style="fill:rgb(19,34,56);"/>
+    <g transform="matrix(9.05256,0,0,9.05256,49.9223,55.5)">
+        <path d="M9.5,1.5C9.5,2.323 8.823,3 8,3C7.177,3 6.5,2.323 6.5,1.5C6.5,0.677 7.177,0 8,0C8.823,-0 9.5,0.677 9.5,1.5M6.44,3.752C6.582,3.592 6.786,3.5 7,3.5L8.445,3.5C9.187,3.5 9.765,4.143 9.688,4.88L9.258,8.963C9.244,9.098 9.214,9.23 9.17,9.358L8.852,10.264L9.065,10.506C9.11,10.559 9.149,10.618 9.179,10.681L11.179,14.931C11.231,15.035 11.259,15.151 11.259,15.268C11.259,15.679 10.92,16.018 10.509,16.018C10.212,16.018 9.941,15.841 9.822,15.569L7.866,11.415L6.186,9.494C6.057,9.347 5.99,9.155 6,8.96L6.138,6.347L5.703,6.836L5.239,9.622C5.179,9.982 4.864,10.249 4.499,10.249C4.087,10.249 3.749,9.911 3.749,9.499C3.749,9.458 3.752,9.417 3.759,9.376L4.259,6.376C4.282,6.237 4.345,6.107 4.439,6.001L6.439,3.751L6.44,3.752Z" style="fill:rgb(244,237,226);fill-rule:nonzero;"/>
+        <path d="M6.25,11.745L6.25,10.327L7.454,11.702L7.715,12.226C7.688,12.309 7.647,12.387 7.595,12.457L5.095,15.707C4.953,15.892 4.733,16 4.5,16C4.088,16 3.75,15.662 3.75,15.25C3.75,15.085 3.804,14.924 3.905,14.793L6.25,11.745ZM10.47,7.53L9.976,7.036L10.181,5.193L10.187,5.126L11.311,6.25L12.751,6.25C13.162,6.25 13.501,6.589 13.501,7C13.501,7.411 13.162,7.75 12.751,7.75L11,7.75C10.801,7.75 10.61,7.671 10.469,7.53L10.47,7.53Z" style="fill:rgb(244,237,226);fill-rule:nonzero;"/>
+    </g>
 </svg>
diff --git a/frontend/public/splash-art.png b/frontend/public/splash-art.png
new file mode 100644
index 0000000..cbabc30
Binary files /dev/null and b/frontend/public/splash-art.png differ
diff --git a/frontend/public/splash-art.svg b/frontend/public/splash-art.svg
index 04ce1ed..e63dd01 100644
--- a/frontend/public/splash-art.svg
+++ b/frontend/public/splash-art.svg
@@ -1,34 +1,27 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1290 2796" fill="none">
-  <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1290" y2="2796" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#132238" />
-      <stop offset="0.55" stop-color="#18324b" />
-      <stop offset="1" stop-color="#0f1a2a" />
-    </linearGradient>
-    <radialGradient id="glow" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(645 940) rotate(90) scale(600 520)">
-      <stop offset="0" stop-color="#f4ede2" stop-opacity="0.18" />
-      <stop offset="1" stop-color="#f4ede2" stop-opacity="0" />
-    </radialGradient>
-    <filter id="shadow" x="0" y="0" width="1290" height="2796" filterUnits="userSpaceOnUse">
-      <feDropShadow dx="0" dy="42" stdDeviation="46" flood-color="#09111b" flood-opacity="0.42" />
-    </filter>
-  </defs>
-  <rect width="1290" height="2796" fill="url(#bg)" />
-  <circle cx="645" cy="940" r="560" fill="url(#glow)" />
-  <circle cx="200" cy="430" r="220" fill="#d94f04" fill-opacity="0.08" />
-  <circle cx="1090" cy="2260" r="260" fill="#f4ede2" fill-opacity="0.06" />
-  <g filter="url(#shadow)">
-    <rect x="220" y="662" width="850" height="850" rx="170" fill="#f4ede2" />
-    <path
-      transform="translate(397 839) scale(27.5)"
-      fill="#132238"
-      d="M5.25 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3Zm-1.91 2.252a.75.75 0 0 0-.69.448l-.5 1.25A.75.75 0 1 0 3.55 4.45l.27-.672l.54.616l-.156 1.501a.75.75 0 0 0 .173.577l1.33 1.52a.75.75 0 1 0 1.13-.988L5.83 6.15l.235-2.25a.75.75 0 0 0-.735-.828H4.43a.75.75 0 0 0-.637.352l-.453.67l.144-1.086a.75.75 0 0 0-.145-.58a.75.75 0 0 0-.571-.226Zm3.875 5.493a.75.75 0 0 0-.207.042a.75.75 0 0 0-.418.965l.44 1.1l.96.96a.75.75 0 1 0 1.06-1.06l-.86-.86l-.413-1.03a.75.75 0 0 0-.562-.117Zm3.69-2.245a.75.75 0 0 0-.53 1.28h.86l-.288-.288l.66.661a.75.75 0 0 0 1.06-1.06l-.98-.98H11.7a.75.75 0 0 0-.487.187Z"
-    />
-  </g>
-  <text x="645" y="1848" text-anchor="middle" fill="#f4ede2" font-size="108" font-weight="700" letter-spacing="0.02em" font-family="Arial, Helvetica, sans-serif">
-    WalkUp
-  </text>
-  <text x="645" y="1920" text-anchor="middle" fill="#b9c6d3" font-size="40" font-weight="500" letter-spacing="0.04em" font-family="Arial, Helvetica, sans-serif">
-    Offline clip cache for the dugout
-  </text>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1290 2796" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect x="0" y="0" width="1290" height="2796" style="fill:url(#_Linear1);"/>
+    <circle cx="645" cy="940" r="560" style="fill:url(#_Radial2);"/>
+    <circle cx="200" cy="430" r="220" style="fill:rgb(217,79,4);fill-opacity:0.08;"/>
+    <circle cx="1090" cy="2260" r="260" style="fill:rgb(244,237,226);fill-opacity:0.06;"/>
+    <g>
+        <path d="M1070,832L1070,1342C1070,1435.83 993.826,1512 900,1512L390,1512C296.174,1512 220,1435.83 220,1342L220,832C220,738.174 296.174,662 390,662L900,662C993.826,662 1070,738.174 1070,832Z" style="fill:rgb(244,237,226);"/>
+        <g transform="matrix(43.4342,0,0,43.4342,270.383,739.145)">
+            <path d="M9.5,1.5C9.5,2.323 8.823,3 8,3C7.177,3 6.5,2.323 6.5,1.5C6.5,0.677 7.177,0 8,0C8.823,-0 9.5,0.677 9.5,1.5M6.44,3.752C6.582,3.592 6.786,3.5 7,3.5L8.445,3.5C9.187,3.5 9.765,4.143 9.688,4.88L9.258,8.963C9.244,9.098 9.214,9.23 9.17,9.358L8.852,10.264L9.065,10.506C9.11,10.559 9.149,10.618 9.179,10.681L11.179,14.931C11.231,15.035 11.259,15.151 11.259,15.268C11.259,15.679 10.92,16.018 10.509,16.018C10.212,16.018 9.941,15.841 9.822,15.569L7.866,11.415L6.186,9.494C6.057,9.347 5.99,9.155 6,8.96L6.138,6.347L5.703,6.836L5.239,9.622C5.179,9.982 4.864,10.249 4.499,10.249C4.087,10.249 3.749,9.911 3.749,9.499C3.749,9.458 3.752,9.417 3.759,9.376L4.259,6.376C4.282,6.237 4.345,6.107 4.439,6.001L6.439,3.751L6.44,3.752Z" style="fill:rgb(19,34,56);fill-rule:nonzero;"/>
+            <path d="M6.25,11.745L6.25,10.327L7.454,11.702L7.715,12.226C7.688,12.309 7.647,12.387 7.595,12.457L5.095,15.707C4.953,15.892 4.733,16 4.5,16C4.088,16 3.75,15.662 3.75,15.25C3.75,15.085 3.804,14.924 3.905,14.793L6.25,11.745ZM10.47,7.53L9.976,7.036L10.181,5.193L10.187,5.126L11.311,6.25L12.751,6.25C13.162,6.25 13.501,6.589 13.501,7C13.501,7.411 13.162,7.75 12.751,7.75L11,7.75C10.801,7.75 10.61,7.671 10.469,7.53L10.47,7.53Z" style="fill:rgb(19,34,56);fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,644.87,1848)">
+        <text x="-187.697px" y="0px" style="font-family:'Helvetica';font-size:108px;fill:rgb(244,237,226);">W<tspan x="-89.457px -29.134px -4.88px 49.379px 127.632px " y="0px 0px 0px 0px 0px ">alkUp</tspan></text>
+    </g>
+    <g transform="matrix(1,0,0,1,644.904,1920)">
+        <g transform="matrix(40,0,0,40,469.155,0)">
+        </g>
+        <text x="-457.85px" y="0px" style="font-family:'Helvetica';font-size:40px;fill:rgb(185,198,211);"><tspan x="-457.85px -430.979px -408.54px -399.462px -390.383px -367.945px -356.64px -345.334px -322.896px -302.704px -282.512px -273.434px -250.995px -228.557px -217.252px -205.947px -183.509px -161.071px -138.632px -127.327px -104.889px -95.81px -73.372px -53.18px -41.875px -12.796px 9.642px 18.721px 38.913px 52.425px 74.863px 97.301px 108.606px 128.798px 151.236px 173.675px 196.113px 216.305px 227.61px 250.048px 272.486px 283.791px 306.229px 328.668px 362.18px 384.618px 395.923px 418.361px 440.799px 458.042px " y="0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px 0px ">Build, assign, and play walk-up songs on game day.</tspan></text>
+    </g>
+    <defs>
+        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1290,2796,-2796,1290,0,0)"><stop offset="0" style="stop-color:rgb(19,34,56);stop-opacity:1"/><stop offset="0.55" style="stop-color:rgb(24,50,75);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(15,26,42);stop-opacity:1"/></linearGradient>
+        <radialGradient id="_Radial2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.29714e-13,600,-520,-1.99086e-13,645,940)"><stop offset="0" style="stop-color:rgb(244,237,226);stop-opacity:0.18"/><stop offset="1" style="stop-color:rgb(244,237,226);stop-opacity:0"/></radialGradient>
+    </defs>
 </svg>