diff --git a/packages/storyteller/public/mascot/kitsune_pose5_black_2000.webp b/packages/storyteller/public/mascot/kitsune_pose5_black_2000.webp
new file mode 100644
index 0000000000..e24d31683a
Binary files /dev/null and b/packages/storyteller/public/mascot/kitsune_pose5_black_2000.webp differ
diff --git a/packages/storyteller/public/mascot/kitsune_pose8_black_2000.webp b/packages/storyteller/public/mascot/kitsune_pose8_black_2000.webp
new file mode 100644
index 0000000000..9928cda0b8
Binary files /dev/null and b/packages/storyteller/public/mascot/kitsune_pose8_black_2000.webp differ
diff --git a/packages/storyteller/src/pages/tts_configs/TtsConfigsIndexPage.tsx b/packages/storyteller/src/pages/tts_configs/TtsConfigsIndexPage.tsx
index 78390f8298..2b4386a5aa 100644
--- a/packages/storyteller/src/pages/tts_configs/TtsConfigsIndexPage.tsx
+++ b/packages/storyteller/src/pages/tts_configs/TtsConfigsIndexPage.tsx
@@ -41,10 +41,31 @@ function TtsConfigsIndexPage(props: Props) {
 
   return (
     <>
-      <div className="section">
-        <h1 className="title"> TTS Setup </h1>
-        <h2 className="subtitle"> Configure how your stream TTS works </h2>
-      </div>
+
+      <section className="hero is-small">
+        <div className="hero-body">
+
+          <div className="columns is-vcentered">
+
+            <div className="column is-one-third">
+              <div className="mascot">
+                <img src="/mascot/kitsune_pose8_black_2000.webp" alt="Storyteller's mascot!" />
+              </div>
+            </div>
+
+            <div className="column">
+              <p className="title">
+                Stream Setup
+              </p>
+              <p className="subtitle">
+                Configure TTS (and soon much more!)
+              </p>
+            </div>
+
+          </div>
+        </div>
+      </section>
+
       <div className="content">
         <article className="message is-dark">
           <div className="message-body">