diff --git a/app/templates/application.gjs b/app/templates/application.gjs
index 17713c9..a41932b 100644
--- a/app/templates/application.gjs
+++ b/app/templates/application.gjs
@@ -95,7 +95,7 @@ export default class ApplicationComponent extends Component {
   }
 
   <template>
-    {{pageTitle "M/\RCO"}}
+    {{pageTitle "Marco"}}
 
     <AppHeader @onToggleMenu={{this.toggleSettings}} />
 
diff --git a/index.html b/index.html
index 121bd1d..2efc04b 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,27 @@
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link rel="stylesheet" href="/app/styles/app.css">  
+    <!-- App identity -->
+    <meta name="application-name" content="Marco">
+    <meta name="apple-mobile-web-app-title" content="Marco">
+    <meta name="theme-color" content="#F6E9A6">
+
+    <!-- PWA Manifest -->
+    <link rel="manifest" href="/manifest.webmanifest">
+
+    <!-- Icons -->
+    <link rel="icon" href="/icons/icon.svg" type="image/svg+xml">
+
+    <!-- iOS -->
+    <link rel="apple-touch-icon" href="/icons/icon-180.png">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="default">
+
+    <!-- Windows -->
+    <meta name="msapplication-TileColor" content="#F6E9A6">
+    <meta name="msapplication-TileImage" content="/icons/icon-144.png">
+
+    <link rel="stylesheet" href="/app/styles/app.css">
 </head>
   <body>
   <script type="module">
diff --git a/public/icons/icon-1024.png b/public/icons/icon-1024.png
new file mode 100644
index 0000000..fa6aadb
Binary files /dev/null and b/public/icons/icon-1024.png differ
diff --git a/public/icons/icon-144.png b/public/icons/icon-144.png
new file mode 100644
index 0000000..f1c9830
Binary files /dev/null and b/public/icons/icon-144.png differ
diff --git a/public/icons/icon-152.png b/public/icons/icon-152.png
new file mode 100644
index 0000000..5c8e933
Binary files /dev/null and b/public/icons/icon-152.png differ
diff --git a/public/icons/icon-167.png b/public/icons/icon-167.png
new file mode 100644
index 0000000..c9867b7
Binary files /dev/null and b/public/icons/icon-167.png differ
diff --git a/public/icons/icon-180.png b/public/icons/icon-180.png
new file mode 100644
index 0000000..098994e
Binary files /dev/null and b/public/icons/icon-180.png differ
diff --git a/public/icons/icon-192.png b/public/icons/icon-192.png
new file mode 100644
index 0000000..6ab038c
Binary files /dev/null and b/public/icons/icon-192.png differ
diff --git a/public/icons/icon-32.png b/public/icons/icon-32.png
new file mode 100644
index 0000000..fe1c9be
Binary files /dev/null and b/public/icons/icon-32.png differ
diff --git a/public/icons/icon-48.png b/public/icons/icon-48.png
new file mode 100644
index 0000000..3557c3a
Binary files /dev/null and b/public/icons/icon-48.png differ
diff --git a/public/icons/icon-512.png b/public/icons/icon-512.png
new file mode 100644
index 0000000..aa30cc1
Binary files /dev/null and b/public/icons/icon-512.png differ
diff --git a/public/icons/icon-maskable.png b/public/icons/icon-maskable.png
new file mode 100644
index 0000000..aa30cc1
Binary files /dev/null and b/public/icons/icon-maskable.png differ
diff --git a/public/icons/icon-rounded.svg b/public/icons/icon-rounded.svg
new file mode 100644
index 0000000..8c12b43
--- /dev/null
+++ b/public/icons/icon-rounded.svg
@@ -0,0 +1,45 @@
+<svg
+  width="1024"
+  height="1024"
+  viewBox="0 0 1024 1024"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <!-- Background -->
+  <rect
+    x="0"
+    y="0"
+    width="1024"
+    height="1024"
+    rx="220"
+    fill="#F6E9A6"
+  />
+
+  <!-- Subtle map grid (kept well outside safe zone) -->
+  <g stroke="#E6D88A" stroke-width="10" opacity="0.6">
+    <line x1="256" y1="0" x2="256" y2="1024" />
+    <line x1="512" y1="0" x2="512" y2="1024" />
+    <line x1="768" y1="0" x2="768" y2="1024" />
+
+    <line x1="0" y1="256" x2="1024" y2="256" />
+    <line x1="0" y1="512" x2="1024" y2="512" />
+    <line x1="0" y1="768" x2="1024" y2="768" />
+  </g>
+
+  <!-- Location pin (exact app shape, larger, centered, safe-zone compliant) -->
+  <!-- Safe zone target: ~680px diameter -->
+  <g
+    transform="
+      translate(512 512)
+      scale(22)
+      translate(-12 -12)
+    "
+    fill="#ea4335"
+    stroke="#b31412"
+    stroke-width="1"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
+    <circle cx="12" cy="10" r="3" fill="#b31412" stroke="none" />
+  </g>
+</svg>
diff --git a/public/icons/icon.svg b/public/icons/icon.svg
new file mode 100644
index 0000000..2ab18f3
--- /dev/null
+++ b/public/icons/icon.svg
@@ -0,0 +1,44 @@
+<svg
+  width="1024"
+  height="1024"
+  viewBox="0 0 1024 1024"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <!-- Background -->
+  <rect
+    x="0"
+    y="0"
+    width="1024"
+    height="1024"
+    fill="#F6E9A6"
+  />
+
+  <!-- Subtle map grid (kept well outside safe zone) -->
+  <g stroke="#E6D88A" stroke-width="10" opacity="0.6">
+    <line x1="256" y1="0" x2="256" y2="1024" />
+    <line x1="512" y1="0" x2="512" y2="1024" />
+    <line x1="768" y1="0" x2="768" y2="1024" />
+
+    <line x1="0" y1="256" x2="1024" y2="256" />
+    <line x1="0" y1="512" x2="1024" y2="512" />
+    <line x1="0" y1="768" x2="1024" y2="768" />
+  </g>
+
+  <!-- Location pin (exact app shape, larger, centered, safe-zone compliant) -->
+  <!-- Safe zone target: ~680px diameter -->
+  <g
+    transform="
+      translate(512 512)
+      scale(22)
+      translate(-12 -12)
+    "
+    fill="#ea4335"
+    stroke="#b31412"
+    stroke-width="1"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
+    <circle cx="12" cy="10" r="3" fill="#b31412" stroke="none" />
+  </g>
+</svg>
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
new file mode 100644
index 0000000..80ffa5b
--- /dev/null
+++ b/public/manifest.webmanifest
@@ -0,0 +1,28 @@
+{
+  "name": "Marco",
+  "short_name": "Marco",
+  "description": "Marco (as in Marco Polo) is an unhosted maps application that respects your privacy and choices",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#F6E9A6",
+  "theme_color": "#F6E9A6",
+  "icons": [
+    {
+      "src": "/icons/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}
