diff --git a/keyserver/src/frog/frog.js b/keyserver/src/frog/frog.js
index 9adacfcf0..83a1cc80d 100644
--- a/keyserver/src/frog/frog.js
+++ b/keyserver/src/frog/frog.js
@@ -1,83 +1,152 @@
 // @flow
-
 /** @jsxImportSource hono/jsx */
 
 /* eslint-disable react/react-in-jsx-scope */
 
 import { serve } from '@hono/node-server';
 import { Button, Frog } from 'frog';
 
 import { inviteLinkURL } from 'lib/facts/links.js';
 import { ignorePromiseRejections } from 'lib/utils/promises.js';
 
 import { neynarClient } from '../utils/fc-cache.js';
 import { redisCache } from '../utils/redis-cache.js';
 
 function startFrogHonoServer() {
   const frogApp = new Frog({ title: 'Comm' });
 
-  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('');
 
     if (inviteLink.startsWith(inviteLinkURLPrefix)) {
       buttonLink = inviteLink;
     }
 
     let channelInfo = await redisCache.getChannelInfo(channelID);
     if (!channelInfo) {
       channelInfo = await neynarClient?.fetchFarcasterChannelByID(channelID);
 
       if (channelInfo) {
         ignorePromiseRejections(
           redisCache.setChannelInfo(channelID, channelInfo),
         );
       }
     }
 
     let header_image_url =
       'https://warpcast.com/~/images/DefaultChannelCoverImage.png';
     if (channelInfo?.header_image_url) {
       header_image_url = channelInfo.header_image_url;
     }
 
+    const displayUsername =
+      taggerUsername.length > 16
+        ? `${taggerUsername.slice(0, 16)}[...]`
+        : taggerUsername;
+
+    const channelIcon = channelInfo?.image_url ? (
+      <img
+        src={channelInfo.image_url}
+        alt="icon"
+        style={{
+          width: '80px',
+          height: '80px',
+          borderRadius: '20px',
+          marginRight: '15px',
+        }}
+      />
+    ) : null;
+
     return c.res({
       image: (
         <div
           style={{
             position: 'relative',
             width: '100%',
             height: '100%',
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
           }}
         >
           <img
             src={header_image_url}
             alt="frame background"
             style={{
               width: '100%',
               height: '100%',
               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%',
+              }}
+            >
+              {channelIcon}
+              <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: [
         <Button.Link key="invite" href={buttonLink}>
           Join chat
         </Button.Link>,
       ],
     });
   });
 
   serve({
     fetch: frogApp.fetch,
     port: parseInt(process.env.FROG_PORT, 10) || 3001,
   });
 }
 
 export { startFrogHonoServer };