diff --git a/prototypes/docusaurus/docusaurus.config.ts b/prototypes/docusaurus/docusaurus.config.ts
index e5cedc4..d656294 100644
--- a/prototypes/docusaurus/docusaurus.config.ts
+++ b/prototypes/docusaurus/docusaurus.config.ts
@@ -44,7 +44,7 @@ const packageFooterItems = packages.map((pkg) => {
 const config: Config = {
   title: 'React on Rails',
   tagline: 'Integrate React with Rails, including SSR, RSC, and production-grade docs.',
-  favicon: 'img/logo-mark.png',
+  favicon: 'img/favicon.ico',
 
   future: {
     v4: true,
@@ -119,7 +119,7 @@ const config: Config = {
       title: 'React on Rails',
       logo: {
         alt: 'React on Rails Logo',
-        src: 'img/logo-mark.png',
+        src: 'img/icon-tile.svg',
         width: 40,
         height: 40,
       },
diff --git a/prototypes/docusaurus/src/pages/index.tsx b/prototypes/docusaurus/src/pages/index.tsx
index d75b8bf..5ae0ddf 100644
--- a/prototypes/docusaurus/src/pages/index.tsx
+++ b/prototypes/docusaurus/src/pages/index.tsx
@@ -141,7 +141,7 @@ function TrustedBySection() {
 }
 
 function HeroSection() {
-  const heroLogoSrc = useBaseUrl('/img/logo-mark.png');
+  const heroLogoSrc = useBaseUrl('/img/icon-tile.svg');
 
   return (
     <header className={styles.heroBanner}>
@@ -227,7 +227,7 @@ function LiveDemosSection() {
 }
 
 function ProSection() {
-  const proLogoSrc = useBaseUrl('/img/logo-mark-pro.svg');
+  const proLogoSrc = useBaseUrl('/img/icon-tile.svg');
 
   return (
     <section className={styles.sectionFeature}>
diff --git a/prototypes/docusaurus/src/pages/pro.tsx b/prototypes/docusaurus/src/pages/pro.tsx
index eeefc64..82853df 100644
--- a/prototypes/docusaurus/src/pages/pro.tsx
+++ b/prototypes/docusaurus/src/pages/pro.tsx
@@ -1,6 +1,7 @@
 import type {ReactNode} from 'react';
 import Link from '@docusaurus/Link';
 import Layout from '@theme/Layout';
+import {PageMetadata} from '@docusaurus/theme-common';
 
 import {docsRoutes} from '../constants/docsRoutes';
 import styles from './pro.module.css';
@@ -85,6 +86,7 @@ const upgradeSteps = [
 export default function ProPage(): ReactNode {
   return (
     <Layout title="React on Rails Pro" description="React on Rails Pro features and upgrade path">
+      <PageMetadata image="img/react-on-rails-pro-social-card.png" />
       <main className={styles.main}>
         <section className={styles.hero}>
           <div className="container">
diff --git a/prototypes/docusaurus/static/img/apple-touch-icon.png b/prototypes/docusaurus/static/img/apple-touch-icon.png
deleted file mode 100644
index d62619a..0000000
Binary files a/prototypes/docusaurus/static/img/apple-touch-icon.png and /dev/null differ
diff --git a/prototypes/docusaurus/static/img/favicon.ico b/prototypes/docusaurus/static/img/favicon.ico
index b0a7042..5cee5f3 100644
Binary files a/prototypes/docusaurus/static/img/favicon.ico and b/prototypes/docusaurus/static/img/favicon.ico differ
diff --git a/prototypes/docusaurus/static/img/icon-192.png b/prototypes/docusaurus/static/img/icon-192.png
index 4035cf9..b68b77f 100644
Binary files a/prototypes/docusaurus/static/img/icon-192.png and b/prototypes/docusaurus/static/img/icon-192.png differ
diff --git a/prototypes/docusaurus/static/img/icon-512.png b/prototypes/docusaurus/static/img/icon-512.png
index 9accec6..543566e 100644
Binary files a/prototypes/docusaurus/static/img/icon-512.png and b/prototypes/docusaurus/static/img/icon-512.png differ
diff --git a/prototypes/docusaurus/static/img/icon-tile.svg b/prototypes/docusaurus/static/img/icon-tile.svg
new file mode 100644
index 0000000..078b979
--- /dev/null
+++ b/prototypes/docusaurus/static/img/icon-tile.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-label="React on Rails Reduced tilt + full triangle + angular glint icon">
+<title>React on Rails Reduced tilt + full triangle + angular glint icon</title>
+<rect x="64" y="64" width="896" height="896" rx="192" fill="#0B1118" stroke="#26313D" stroke-width="12"/>
+<g><g fill="none" stroke="#00D8FF" stroke-width="45" stroke-linecap="round" stroke-linejoin="round">
+  <ellipse cx="512" cy="512" rx="318" ry="118"/>
+  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(60 512 512)"/>
+  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(-60 512 512)"/>
+</g>
+<g transform="translate(512 506) rotate(-3) scale(1.04)">
+<path d="M-180 -60 L-116 -132 L116 -132 L180 -60 L96 72 L0 158 L-96 72 Z" fill="#EC221E"/>
+<path d="M-180 -60 L-116 -132 L-58 -18 Z" fill="#FF3B30"/>
+<path d="M-116 -132 L116 -132 L58 -18 L-58 -18 Z" fill="#F72B23"/>
+<path d="M116 -132 L180 -60 L58 -18 Z" fill="#A81510" opacity="0.86"/>
+<path d="M-180 -60 L-58 -18 L-96 72 Z" fill="#D7201B"/>
+<path d="M58 -18 L180 -60 L96 72 Z" fill="#75100C" opacity="0.62"/>
+<path d="M-96 72 L-58 -18 L0 158 Z" fill="#E3231D"/>
+<path d="M58 -18 L96 72 L0 158 Z" fill="#B81914" opacity="0.82"/>
+<path d="M-96 72 L96 72 L0 158 Z" fill="#C81F1A" opacity="0.86"/>
+<path d="M-70 -28 L-10 -50 L86 -44 L34 -26 L-35 -8 Z" fill="#FF5A45" opacity="0.70"/>
+<path d="M-116 -132 L-58 -18 L58 -18 L116 -132" fill="none" stroke="#FF6E61" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.10"/>
+<path d="M-96 72 L0 158 L96 72" fill="none" stroke="#FF6E61" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.11"/>
+</g></g>
+</svg>
\ No newline at end of file
diff --git a/prototypes/docusaurus/static/img/lockup-dark.png b/prototypes/docusaurus/static/img/lockup-dark.png
new file mode 100644
index 0000000..f8fce0c
Binary files /dev/null and b/prototypes/docusaurus/static/img/lockup-dark.png differ
diff --git a/prototypes/docusaurus/static/img/lockup-dark.svg b/prototypes/docusaurus/static/img/lockup-dark.svg
new file mode 100644
index 0000000..97adbbc
--- /dev/null
+++ b/prototypes/docusaurus/static/img/lockup-dark.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 360" role="img" aria-label="React on Rails Reduced tilt + full triangle + angular glint lockup">
+<title>React on Rails Reduced tilt + full triangle + angular glint lockup</title>
+<rect width="1500" height="360" rx="0" fill="#0B1118"/>
+<g transform="translate(58 58) scale(0.23828125)"><rect x="64" y="64" width="896" height="896" rx="192" fill="#0B1118" stroke="#26313D" stroke-width="12"/>
+<g><g fill="none" stroke="#00D8FF" stroke-width="45" stroke-linecap="round" stroke-linejoin="round">
+  <ellipse cx="512" cy="512" rx="318" ry="118"/>
+  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(60 512 512)"/>
+  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(-60 512 512)"/>
+</g>
+<g transform="translate(512 506) rotate(-3) scale(1.04)">
+<path d="M-180 -60 L-116 -132 L116 -132 L180 -60 L96 72 L0 158 L-96 72 Z" fill="#EC221E"/>
+<path d="M-180 -60 L-116 -132 L-58 -18 Z" fill="#FF3B30"/>
+<path d="M-116 -132 L116 -132 L58 -18 L-58 -18 Z" fill="#F72B23"/>
+<path d="M116 -132 L180 -60 L58 -18 Z" fill="#A81510" opacity="0.86"/>
+<path d="M-180 -60 L-58 -18 L-96 72 Z" fill="#D7201B"/>
+<path d="M58 -18 L180 -60 L96 72 Z" fill="#75100C" opacity="0.62"/>
+<path d="M-96 72 L-58 -18 L0 158 Z" fill="#E3231D"/>
+<path d="M58 -18 L96 72 L0 158 Z" fill="#B81914" opacity="0.82"/>
+<path d="M-96 72 L96 72 L0 158 Z" fill="#C81F1A" opacity="0.86"/>
+<path d="M-70 -28 L-10 -50 L86 -44 L34 -26 L-35 -8 Z" fill="#FF5A45" opacity="0.70"/>
+<path d="M-116 -132 L-58 -18 L58 -18 L116 -132" fill="none" stroke="#FF6E61" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.10"/>
+<path d="M-96 72 L0 158 L96 72" fill="none" stroke="#FF6E61" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.11"/>
+</g></g></g>
+<text x="340" y="150" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="72" font-weight="800" fill="#E5ECF4">React on Rails</text>
+<text x="340" y="205" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="28" font-weight="500" fill="#9AA6B2">Rails conventions with modern React</text>
+</svg>
\ No newline at end of file
diff --git a/prototypes/docusaurus/static/img/lockup-light.png b/prototypes/docusaurus/static/img/lockup-light.png
new file mode 100644
index 0000000..9f48b07
Binary files /dev/null and b/prototypes/docusaurus/static/img/lockup-light.png differ
diff --git a/prototypes/docusaurus/static/img/lockup-light.svg b/prototypes/docusaurus/static/img/lockup-light.svg
new file mode 100644
index 0000000..a65d4a8
--- /dev/null
+++ b/prototypes/docusaurus/static/img/lockup-light.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 360" role="img" aria-label="React on Rails Reduced tilt + full triangle + angular glint lockup">
+<title>React on Rails Reduced tilt + full triangle + angular glint lockup</title>
+<rect width="1500" height="360" rx="0" fill="#FFFFFF"/>
+<g transform="translate(58 58) scale(0.23828125)"><rect x="64" y="64" width="896" height="896" rx="192" fill="#0B1118" stroke="#26313D" stroke-width="12"/>
+<g><g fill="none" stroke="#00D8FF" stroke-width="45" stroke-linecap="round" stroke-linejoin="round">
+  <ellipse cx="512" cy="512" rx="318" ry="118"/>
+  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(60 512 512)"/>
+  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(-60 512 512)"/>
+</g>
+<g transform="translate(512 506) rotate(-3) scale(1.04)">
+<path d="M-180 -60 L-116 -132 L116 -132 L180 -60 L96 72 L0 158 L-96 72 Z" fill="#EC221E"/>
+<path d="M-180 -60 L-116 -132 L-58 -18 Z" fill="#FF3B30"/>
+<path d="M-116 -132 L116 -132 L58 -18 L-58 -18 Z" fill="#F72B23"/>
+<path d="M116 -132 L180 -60 L58 -18 Z" fill="#A81510" opacity="0.86"/>
+<path d="M-180 -60 L-58 -18 L-96 72 Z" fill="#D7201B"/>
+<path d="M58 -18 L180 -60 L96 72 Z" fill="#75100C" opacity="0.62"/>
+<path d="M-96 72 L-58 -18 L0 158 Z" fill="#E3231D"/>
+<path d="M58 -18 L96 72 L0 158 Z" fill="#B81914" opacity="0.82"/>
+<path d="M-96 72 L96 72 L0 158 Z" fill="#C81F1A" opacity="0.86"/>
+<path d="M-70 -28 L-10 -50 L86 -44 L34 -26 L-35 -8 Z" fill="#FF5A45" opacity="0.70"/>
+<path d="M-116 -132 L-58 -18 L58 -18 L116 -132" fill="none" stroke="#FF6E61" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.10"/>
+<path d="M-96 72 L0 158 L96 72" fill="none" stroke="#FF6E61" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.11"/>
+</g></g></g>
+<text x="340" y="150" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="72" font-weight="800" fill="#161B22">React on Rails</text>
+<text x="340" y="205" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="28" font-weight="500" fill="#64748B">Rails conventions with modern React</text>
+</svg>
\ No newline at end of file
diff --git a/prototypes/docusaurus/static/img/logo-lockup-dark.svg b/prototypes/docusaurus/static/img/logo-lockup-dark.svg
deleted file mode 100644
index 8134f76..0000000
--- a/prototypes/docusaurus/static/img/logo-lockup-dark.svg
+++ /dev/null
@@ -1,33 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 420" role="img" aria-label="React on Rails logo lockup — Reduced tilt + full triangle + red glint">
-<title>React on Rails — Reduced tilt + full triangle + red glint lockup</title>
-<rect width="1400" height="420" rx="40" fill="#0B1118"/>
-<g transform="translate(54 50) scale(0.31)">
-
-<rect x="64" y="64" width="896" height="896" rx="192" fill="#0B1118" stroke="#26313D" stroke-width="12"/>
-<g>
-<g fill="none" stroke="#00D8FF" stroke-width="45" stroke-linecap="round" stroke-linejoin="round">
-  <ellipse cx="512" cy="512" rx="318" ry="118"/>
-  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(60 512 512)"/>
-  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(-60 512 512)"/>
-</g>
-<g transform="translate(512 505) rotate(-3) scale(1.05)">
-
-<path d="M-180 -58 L-118 -130 L118 -130 L180 -58 L94 76 L0 152 L-94 76 Z" fill="#EC221E"/>
-<path d="M-180 -58 L-118 -130 L-58 -18 Z" fill="#FF3B30"/>
-<path d="M-118 -130 L118 -130 L58 -18 L-58 -18 Z" fill="#F72B23"/>
-<path d="M118 -130 L180 -58 L58 -18 Z" fill="#A81510" opacity="0.92"/>
-<path d="M-180 -58 L-58 -18 L-94 76 Z" fill="#D7201B"/>
-<path d="M58 -18 L180 -58 L94 76 Z" fill="#75100C" opacity="0.76"/>
-<path d="M-94 76 L-58 -18 L0 152 Z" fill="#E3231D"/>
-<path d="M58 -18 L94 76 L0 152 Z" fill="#B81914" opacity="0.88"/>
-<path d="M-94 76 L94 76 L0 152 Z" fill="#C81F1A" opacity="0.88"/>
-<path d="M-72 -28 C-31 -58 43 -62 91 -42 C52 -38 14 -20 -24 7 C-48 24 -65 8 -72 -28 Z" fill="#FF6252" opacity="0.62"/>
-<path d="M-118 -130 L-58 -18 L58 -18 L118 -130" fill="none" stroke="#FF7A70" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" opacity="0.16"/>
-<path d="M-94 76 L0 152 L94 76" fill="none" stroke="#FF7A70" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.18"/>
-
-</g>
-</g>
-</g>
-<text x="390" y="184" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="76" font-weight="800" fill="#E5EDF7">React on Rails</text>
-<text x="392" y="244" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="34" font-weight="500" fill="#9AA7B5">Rails conventions with modern React</text>
-</svg>
diff --git a/prototypes/docusaurus/static/img/logo-lockup-light.svg b/prototypes/docusaurus/static/img/logo-lockup-light.svg
deleted file mode 100644
index 3bc6800..0000000
--- a/prototypes/docusaurus/static/img/logo-lockup-light.svg
+++ /dev/null
@@ -1,33 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 420" role="img" aria-label="React on Rails logo lockup — Reduced tilt + full triangle + red glint">
-<title>React on Rails — Reduced tilt + full triangle + red glint lockup</title>
-<rect width="1400" height="420" rx="40" fill="#FFFFFF"/>
-<g transform="translate(54 50) scale(0.31)">
-
-<rect x="64" y="64" width="896" height="896" rx="192" fill="#0B1118" stroke="#26313D" stroke-width="12"/>
-<g>
-<g fill="none" stroke="#00D8FF" stroke-width="45" stroke-linecap="round" stroke-linejoin="round">
-  <ellipse cx="512" cy="512" rx="318" ry="118"/>
-  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(60 512 512)"/>
-  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(-60 512 512)"/>
-</g>
-<g transform="translate(512 505) rotate(-3) scale(1.05)">
-
-<path d="M-180 -58 L-118 -130 L118 -130 L180 -58 L94 76 L0 152 L-94 76 Z" fill="#EC221E"/>
-<path d="M-180 -58 L-118 -130 L-58 -18 Z" fill="#FF3B30"/>
-<path d="M-118 -130 L118 -130 L58 -18 L-58 -18 Z" fill="#F72B23"/>
-<path d="M118 -130 L180 -58 L58 -18 Z" fill="#A81510" opacity="0.92"/>
-<path d="M-180 -58 L-58 -18 L-94 76 Z" fill="#D7201B"/>
-<path d="M58 -18 L180 -58 L94 76 Z" fill="#75100C" opacity="0.76"/>
-<path d="M-94 76 L-58 -18 L0 152 Z" fill="#E3231D"/>
-<path d="M58 -18 L94 76 L0 152 Z" fill="#B81914" opacity="0.88"/>
-<path d="M-94 76 L94 76 L0 152 Z" fill="#C81F1A" opacity="0.88"/>
-<path d="M-72 -28 C-31 -58 43 -62 91 -42 C52 -38 14 -20 -24 7 C-48 24 -65 8 -72 -28 Z" fill="#FF6252" opacity="0.62"/>
-<path d="M-118 -130 L-58 -18 L58 -18 L118 -130" fill="none" stroke="#FF7A70" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" opacity="0.16"/>
-<path d="M-94 76 L0 152 L94 76" fill="none" stroke="#FF7A70" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.18"/>
-
-</g>
-</g>
-</g>
-<text x="390" y="184" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="76" font-weight="800" fill="#111827">React on Rails</text>
-<text x="392" y="244" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="34" font-weight="500" fill="#64748B">Rails conventions with modern React</text>
-</svg>
diff --git a/prototypes/docusaurus/static/img/logo-mark-pro.png b/prototypes/docusaurus/static/img/logo-mark-pro.png
deleted file mode 100644
index d2a46e2..0000000
Binary files a/prototypes/docusaurus/static/img/logo-mark-pro.png and /dev/null differ
diff --git a/prototypes/docusaurus/static/img/logo-mark-pro.svg b/prototypes/docusaurus/static/img/logo-mark-pro.svg
deleted file mode 100644
index cfef904..0000000
--- a/prototypes/docusaurus/static/img/logo-mark-pro.svg
+++ /dev/null
@@ -1,32 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-label="React on Rails — Reduced tilt + full triangle + red glint Pro">
-<title>React on Rails — Reduced tilt + full triangle + red glint Pro</title>
-<rect x="64" y="64" width="896" height="896" rx="192" fill="#0B1118" stroke="#26313D" stroke-width="12"/>
-<g>
-<g fill="none" stroke="#00D8FF" stroke-width="45" stroke-linecap="round" stroke-linejoin="round">
-  <ellipse cx="512" cy="512" rx="318" ry="118"/>
-  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(60 512 512)"/>
-  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(-60 512 512)"/>
-</g>
-<g transform="translate(512 505) rotate(-3) scale(1.05)">
-
-<path d="M-180 -58 L-118 -130 L118 -130 L180 -58 L94 76 L0 152 L-94 76 Z" fill="#EC221E"/>
-<path d="M-180 -58 L-118 -130 L-58 -18 Z" fill="#FF3B30"/>
-<path d="M-118 -130 L118 -130 L58 -18 L-58 -18 Z" fill="#F72B23"/>
-<path d="M118 -130 L180 -58 L58 -18 Z" fill="#A81510" opacity="0.92"/>
-<path d="M-180 -58 L-58 -18 L-94 76 Z" fill="#D7201B"/>
-<path d="M58 -18 L180 -58 L94 76 Z" fill="#75100C" opacity="0.76"/>
-<path d="M-94 76 L-58 -18 L0 152 Z" fill="#E3231D"/>
-<path d="M58 -18 L94 76 L0 152 Z" fill="#B81914" opacity="0.88"/>
-<path d="M-94 76 L94 76 L0 152 Z" fill="#C81F1A" opacity="0.88"/>
-<path d="M-72 -28 C-31 -58 43 -62 91 -42 C52 -38 14 -20 -24 7 C-48 24 -65 8 -72 -28 Z" fill="#FF6252" opacity="0.62"/>
-<path d="M-118 -130 L-58 -18 L58 -18 L118 -130" fill="none" stroke="#FF7A70" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" opacity="0.16"/>
-<path d="M-94 76 L0 152 L94 76" fill="none" stroke="#FF7A70" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.18"/>
-
-</g>
-</g>
-
-<g transform="translate(614 640)">
-  <rect x="-54" y="-25" width="108" height="50" rx="20" fill="#0B1118" stroke="#FFFFFF" stroke-width="6" opacity="0.98"/>
-  <text x="0" y="8" text-anchor="middle" font-family="Inter, Avenir Next, Helvetica, Arial, sans-serif" font-size="26" font-weight="800" fill="#FFFFFF" letter-spacing="1.5">PRO</text>
-</g>
-</svg>
diff --git a/prototypes/docusaurus/static/img/logo-mark.png b/prototypes/docusaurus/static/img/logo-mark.png
deleted file mode 100644
index 9accec6..0000000
Binary files a/prototypes/docusaurus/static/img/logo-mark.png and /dev/null differ
diff --git a/prototypes/docusaurus/static/img/logo-mark.svg b/prototypes/docusaurus/static/img/logo-mark.svg
deleted file mode 100644
index 201820b..0000000
--- a/prototypes/docusaurus/static/img/logo-mark.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-label="React on Rails — Reduced tilt + full triangle + red glint">
-<title>React on Rails — Reduced tilt + full triangle + red glint</title>
-<rect x="64" y="64" width="896" height="896" rx="192" fill="#0B1118" stroke="#26313D" stroke-width="12"/>
-<g>
-<g fill="none" stroke="#00D8FF" stroke-width="45" stroke-linecap="round" stroke-linejoin="round">
-  <ellipse cx="512" cy="512" rx="318" ry="118"/>
-  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(60 512 512)"/>
-  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(-60 512 512)"/>
-</g>
-<g transform="translate(512 505) rotate(-3) scale(1.05)">
-
-<path d="M-180 -58 L-118 -130 L118 -130 L180 -58 L94 76 L0 152 L-94 76 Z" fill="#EC221E"/>
-<path d="M-180 -58 L-118 -130 L-58 -18 Z" fill="#FF3B30"/>
-<path d="M-118 -130 L118 -130 L58 -18 L-58 -18 Z" fill="#F72B23"/>
-<path d="M118 -130 L180 -58 L58 -18 Z" fill="#A81510" opacity="0.92"/>
-<path d="M-180 -58 L-58 -18 L-94 76 Z" fill="#D7201B"/>
-<path d="M58 -18 L180 -58 L94 76 Z" fill="#75100C" opacity="0.76"/>
-<path d="M-94 76 L-58 -18 L0 152 Z" fill="#E3231D"/>
-<path d="M58 -18 L94 76 L0 152 Z" fill="#B81914" opacity="0.88"/>
-<path d="M-94 76 L94 76 L0 152 Z" fill="#C81F1A" opacity="0.88"/>
-<path d="M-72 -28 C-31 -58 43 -62 91 -42 C52 -38 14 -20 -24 7 C-48 24 -65 8 -72 -28 Z" fill="#FF6252" opacity="0.62"/>
-<path d="M-118 -130 L-58 -18 L58 -18 L118 -130" fill="none" stroke="#FF7A70" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" opacity="0.16"/>
-<path d="M-94 76 L0 152 L94 76" fill="none" stroke="#FF7A70" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.18"/>
-
-</g>
-</g>
-
-</svg>
diff --git a/prototypes/docusaurus/static/img/logo.png b/prototypes/docusaurus/static/img/logo.png
deleted file mode 100644
index acb4993..0000000
Binary files a/prototypes/docusaurus/static/img/logo.png and /dev/null differ
diff --git a/prototypes/docusaurus/static/img/mark-transparent-1024.png b/prototypes/docusaurus/static/img/mark-transparent-1024.png
new file mode 100644
index 0000000..856a0a4
Binary files /dev/null and b/prototypes/docusaurus/static/img/mark-transparent-1024.png differ
diff --git a/prototypes/docusaurus/static/img/mark-transparent.svg b/prototypes/docusaurus/static/img/mark-transparent.svg
new file mode 100644
index 0000000..80218f8
--- /dev/null
+++ b/prototypes/docusaurus/static/img/mark-transparent.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-label="React on Rails Reduced tilt + full triangle + angular glint transparent mark">
+<title>React on Rails Reduced tilt + full triangle + angular glint transparent mark</title>
+<g><g fill="none" stroke="#00D8FF" stroke-width="45" stroke-linecap="round" stroke-linejoin="round">
+  <ellipse cx="512" cy="512" rx="318" ry="118"/>
+  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(60 512 512)"/>
+  <ellipse cx="512" cy="512" rx="318" ry="118" transform="rotate(-60 512 512)"/>
+</g>
+<g transform="translate(512 506) rotate(-3) scale(1.04)">
+<path d="M-180 -60 L-116 -132 L116 -132 L180 -60 L96 72 L0 158 L-96 72 Z" fill="#EC221E"/>
+<path d="M-180 -60 L-116 -132 L-58 -18 Z" fill="#FF3B30"/>
+<path d="M-116 -132 L116 -132 L58 -18 L-58 -18 Z" fill="#F72B23"/>
+<path d="M116 -132 L180 -60 L58 -18 Z" fill="#A81510" opacity="0.86"/>
+<path d="M-180 -60 L-58 -18 L-96 72 Z" fill="#D7201B"/>
+<path d="M58 -18 L180 -60 L96 72 Z" fill="#75100C" opacity="0.62"/>
+<path d="M-96 72 L-58 -18 L0 158 Z" fill="#E3231D"/>
+<path d="M58 -18 L96 72 L0 158 Z" fill="#B81914" opacity="0.82"/>
+<path d="M-96 72 L96 72 L0 158 Z" fill="#C81F1A" opacity="0.86"/>
+<path d="M-70 -28 L-10 -50 L86 -44 L34 -26 L-35 -8 Z" fill="#FF5A45" opacity="0.70"/>
+<path d="M-116 -132 L-58 -18 L58 -18 L116 -132" fill="none" stroke="#FF6E61" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.10"/>
+<path d="M-96 72 L0 158 L96 72" fill="none" stroke="#FF6E61" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.11"/>
+</g></g>
+</svg>
\ No newline at end of file
diff --git a/prototypes/docusaurus/static/img/react-on-rails-pro-social-card.png b/prototypes/docusaurus/static/img/react-on-rails-pro-social-card.png
new file mode 100644
index 0000000..ce67cf3
Binary files /dev/null and b/prototypes/docusaurus/static/img/react-on-rails-pro-social-card.png differ
diff --git a/prototypes/docusaurus/static/img/react-on-rails-social-card.png b/prototypes/docusaurus/static/img/react-on-rails-social-card.png
index b5b1784..618bd56 100644
Binary files a/prototypes/docusaurus/static/img/react-on-rails-social-card.png and b/prototypes/docusaurus/static/img/react-on-rails-social-card.png differ