diff --git a/client/public/pawprint-violet.png b/client/public/pawprint-violet.png
new file mode 100644
index 0000000..86bd583
Binary files /dev/null and b/client/public/pawprint-violet.png differ
diff --git a/client/src/components/Login.tsx b/client/src/components/Login.tsx
index 74a074d..ceb9f36 100644
--- a/client/src/components/Login.tsx
+++ b/client/src/components/Login.tsx
@@ -13,5 +13,28 @@ export function Login() {
       alert('Error')
   }, [error, navigate, valid])
 
-  return <OpenPassportQRCode userId={crypto.randomUUID()} />
+  return (
+    <div className='flex flex-col justify-center items-center'>
+      <OpenPassportQRCode userId={crypto.randomUUID()} />
+      <div>
+        Scan this 👆 with your OpenPassport mobile app:
+        <a
+          className='underline ml-2'
+          href='https://apps.apple.com/us/app/proof-of-passport/id6478563710'
+          target='_blank'
+          rel='noopener noreferrer'
+        >
+          iOS
+        </a>
+        <a
+          className='underline ml-2'
+          href='https://play.google.com/store/apps/details?id=com.proofofpassportapp'
+          target='_blank'
+          rel='noopener noreferrer'
+        >
+          Android
+        </a>
+      </div>
+    </div>
+  )
 }
diff --git a/client/src/lib/generate-qrcode.ts b/client/src/lib/generate-qrcode.ts
index 7acdcec..6f9e08c 100644
--- a/client/src/lib/generate-qrcode.ts
+++ b/client/src/lib/generate-qrcode.ts
@@ -3,6 +3,10 @@ import type { AppType } from 'l/types'
 
 export function generateQrCode(appData: AppType, size = 256): HTMLElement {
   const options = {
+    backgroundImage: '/pawprint-violet.png',
+    backgroundImageAlpha: 0.7,
+    colorDark: '#9f84bd',
+    colorLight: '#ede3e9',
     text: JSON.stringify(appData),
     width: size,
     height: size,