diff --git a/keyserver/src/frog/frog.js b/keyserver/src/frog/frog.js
--- a/keyserver/src/frog/frog.js
+++ b/keyserver/src/frog/frog.js
@@ -16,8 +16,8 @@
 function startFrogHonoServer() {
   const frogApp = new Frog({ title: 'frog app' });
 
-  frogApp.frame('/:inviteLink/:channelID', async c => {
-    const { inviteLink, channelID } = c.req.param();
+  frogApp.frame('/:inviteLink/:channelID/:taggerUsername', async c => {
+    const { inviteLink, channelID, taggerUsername } = c.req.param();
 
     let buttonLink = 'https://comm.app';
     const inviteLinkURLPrefix = inviteLinkURL('');
@@ -45,6 +45,11 @@
       header_image_url = channelInfo.header_image_url;
     }
 
+    const displayUsername =
+      taggerUsername.length > 16
+        ? `${taggerUsername.slice(0, 16)}[...]`
+        : taggerUsername;
+
     return c.res({
       image: (
         <div
@@ -66,6 +71,69 @@
               objectFit: 'cover',
             }}
           />
+          <div
+            style={{
+              minWidth: '55%',
+              width: 'auto',
+              height: '37%',
+              position: 'absolute',
+              backgroundColor: 'rgba(0, 0, 0, 0.8)',
+              borderRadius: '40px',
+              padding: '20px 40px',
+              border: '4px solid white',
+              display: 'flex',
+              flexDirection: 'column',
+              justifyContent: 'center',
+              alignItems: 'center',
+            }}
+          >
+            <div
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '100%',
+                height: '80%',
+              }}
+            >
+              {channelInfo?.image_url && (
+                <img
+                  src={channelInfo.image_url}
+                  alt="icon"
+                  style={{
+                    width: '80px',
+                    height: '80px',
+                    borderRadius: '20px',
+                    marginRight: '15px',
+                  }}
+                />
+              )}
+              <span
+                style={{
+                  color: 'white',
+                  fontSize: '32px',
+                  weight: '500',
+                  textAlign: 'center',
+                }}
+              >
+                Thread Invitation
+              </span>
+            </div>
+
+            <div
+              style={{
+                width: '100%',
+                height: '20%',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+              }}
+            >
+              <span style={{ color: 'white', weight: '500', fontSize: '32px' }}>
+                @{displayUsername} created a thread on Comm
+              </span>
+            </div>
+          </div>
         </div>
       ),
       intents: [