diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
index c023e50..cd47a29 100644
Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png
index 2127973..e5a70a6 100644
Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
index b441f37..cd47a29 100644
Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
index 72905b8..d26fd87 100644
Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png
index 8ed0605..8c310be 100644
Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
index 9502e47..5777261 100644
Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
index 4d1e077..9c900d6 100644
Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png
index df0f158..b38641b 100644
Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
index 853db04..9c900d6 100644
Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
index 6cdf97c..f57047f 100644
Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png
index 2960cbb..35c4b2b 100644
Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
index 8e3093a..6fd408e 100644
Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
index 46de6e2..3956485 100644
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png
index d2ea9ab..ab4f620 100644
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
index a40d73e..3956485 100644
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/values/ic_launcher_background.xml b/android/app/src/main/res/values/ic_launcher_background.xml
index c5d5899..1c77f36 100644
--- a/android/app/src/main/res/values/ic_launcher_background.xml
+++ b/android/app/src/main/res/values/ic_launcher_background.xml
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="ic_launcher_background">#FFFFFF</color>
-</resources>
\ No newline at end of file
+    <color name="ic_launcher_background">#F4F7F4</color>
+</resources>
diff --git a/assets/capgo-sheets-logo-foreground.svg b/assets/capgo-sheets-logo-foreground.svg
new file mode 100644
index 0000000..6468b17
--- /dev/null
+++ b/assets/capgo-sheets-logo-foreground.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <path fill="#dce7e2" d="M284 228h456c54 0 98 44 98 98v352c0 54-44 98-98 98H284c-54 0-98-44-98-98V326c0-54 44-98 98-98Z"/>
+  <path fill="#365da8" d="M256 302h512c50 0 90 40 90 90v350c0 50-40 90-90 90H256c-50 0-90-40-90-90V392c0-50 40-90 90-90Z"/>
+  <path fill="#19705f" d="M166 395c0-51 41-92 92-92h508c51 0 92 41 92 92v85H166v-85Z"/>
+  <path fill="#141716" d="M224 432h576c56 0 102 46 102 102v268c0 56-46 102-102 102H224c-56 0-102-46-102-102V534c0-56 46-102 102-102Z"/>
+  <rect width="212" height="28" x="406" y="518" fill="#fbfffd" rx="14"/>
+  <path fill="#fbfffd" fill-opacity=".86" d="M288 638h448c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+  <path fill="#fbfffd" fill-opacity=".58" d="M288 746h292c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+</svg>
diff --git a/assets/capgo-sheets-logo.svg b/assets/capgo-sheets-logo.svg
new file mode 100644
index 0000000..c6b76b7
--- /dev/null
+++ b/assets/capgo-sheets-logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <rect width="1024" height="1024" fill="#f4f7f4"/>
+  <path fill="#dce7e2" d="M284 228h456c54 0 98 44 98 98v352c0 54-44 98-98 98H284c-54 0-98-44-98-98V326c0-54 44-98 98-98Z"/>
+  <path fill="#365da8" d="M256 302h512c50 0 90 40 90 90v350c0 50-40 90-90 90H256c-50 0-90-40-90-90V392c0-50 40-90 90-90Z"/>
+  <path fill="#19705f" d="M166 395c0-51 41-92 92-92h508c51 0 92 41 92 92v85H166v-85Z"/>
+  <path fill="#141716" d="M224 432h576c56 0 102 46 102 102v268c0 56-46 102-102 102H224c-56 0-102-46-102-102V534c0-56 46-102 102-102Z"/>
+  <rect width="212" height="28" x="406" y="518" fill="#fbfffd" rx="14"/>
+  <path fill="#fbfffd" fill-opacity=".86" d="M288 638h448c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+  <path fill="#fbfffd" fill-opacity=".58" d="M288 746h292c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+</svg>
diff --git a/examples/angular-app/public/capgo-sheets-logo.svg b/examples/angular-app/public/capgo-sheets-logo.svg
new file mode 100644
index 0000000..c6b76b7
--- /dev/null
+++ b/examples/angular-app/public/capgo-sheets-logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <rect width="1024" height="1024" fill="#f4f7f4"/>
+  <path fill="#dce7e2" d="M284 228h456c54 0 98 44 98 98v352c0 54-44 98-98 98H284c-54 0-98-44-98-98V326c0-54 44-98 98-98Z"/>
+  <path fill="#365da8" d="M256 302h512c50 0 90 40 90 90v350c0 50-40 90-90 90H256c-50 0-90-40-90-90V392c0-50 40-90 90-90Z"/>
+  <path fill="#19705f" d="M166 395c0-51 41-92 92-92h508c51 0 92 41 92 92v85H166v-85Z"/>
+  <path fill="#141716" d="M224 432h576c56 0 102 46 102 102v268c0 56-46 102-102 102H224c-56 0-102-46-102-102V534c0-56 46-102 102-102Z"/>
+  <rect width="212" height="28" x="406" y="518" fill="#fbfffd" rx="14"/>
+  <path fill="#fbfffd" fill-opacity=".86" d="M288 638h448c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+  <path fill="#fbfffd" fill-opacity=".58" d="M288 746h292c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+</svg>
diff --git a/examples/angular-app/src/app/app.component.ts b/examples/angular-app/src/app/app.component.ts
index f208e94..47e5441 100644
--- a/examples/angular-app/src/app/app.component.ts
+++ b/examples/angular-app/src/app/app.component.ts
@@ -482,8 +482,11 @@ const DETACHED_CENTER_QUERY = '(min-width: 43.75rem)';
     <cap-sheet-outlet #travelOutlet [attr.for]="depthOutletFor" data-travel-type="depth" class="demo-depth-stage">
       <main class="demo-app">
         <header class="demo-hero">
-          <div>
-            <p class="demo-kicker">Angular playground</p>
+          <div class="demo-hero-copy">
+            <div class="demo-brand">
+              <img class="demo-logo" src="/capgo-sheets-logo.svg" alt="" />
+              <p class="demo-kicker">Angular playground</p>
+            </div>
             <h1>Capgo Sheets usecases</h1>
             <p>Open every sheet pattern from the real preview viewport. No fake phone frame, no clipped overlay.</p>
           </div>
diff --git a/examples/react-app/public/capgo-sheets-logo.svg b/examples/react-app/public/capgo-sheets-logo.svg
new file mode 100644
index 0000000..c6b76b7
--- /dev/null
+++ b/examples/react-app/public/capgo-sheets-logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <rect width="1024" height="1024" fill="#f4f7f4"/>
+  <path fill="#dce7e2" d="M284 228h456c54 0 98 44 98 98v352c0 54-44 98-98 98H284c-54 0-98-44-98-98V326c0-54 44-98 98-98Z"/>
+  <path fill="#365da8" d="M256 302h512c50 0 90 40 90 90v350c0 50-40 90-90 90H256c-50 0-90-40-90-90V392c0-50 40-90 90-90Z"/>
+  <path fill="#19705f" d="M166 395c0-51 41-92 92-92h508c51 0 92 41 92 92v85H166v-85Z"/>
+  <path fill="#141716" d="M224 432h576c56 0 102 46 102 102v268c0 56-46 102-102 102H224c-56 0-102-46-102-102V534c0-56 46-102 102-102Z"/>
+  <rect width="212" height="28" x="406" y="518" fill="#fbfffd" rx="14"/>
+  <path fill="#fbfffd" fill-opacity=".86" d="M288 638h448c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+  <path fill="#fbfffd" fill-opacity=".58" d="M288 746h292c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+</svg>
diff --git a/examples/react-app/src/UsecaseGallery.tsx b/examples/react-app/src/UsecaseGallery.tsx
index 0d2dcb3..e9b050c 100644
--- a/examples/react-app/src/UsecaseGallery.tsx
+++ b/examples/react-app/src/UsecaseGallery.tsx
@@ -278,8 +278,11 @@ export function UsecaseGallery() {
       <TravelOutlet for={depthOutletFor} className="demo-depth-stage" type="depth">
         <main className="demo-app">
           <header className="demo-hero">
-            <div>
-              <p className="demo-kicker">React playground</p>
+            <div className="demo-hero-copy">
+              <div className="demo-brand">
+                <img className="demo-logo" src="/capgo-sheets-logo.svg" alt="" />
+                <p className="demo-kicker">React playground</p>
+              </div>
               <h1>Capgo Sheets usecases</h1>
               <p>Open every sheet pattern from the real preview viewport. No fake phone frame, no clipped overlay.</p>
             </div>
diff --git a/examples/shared/usecase-gallery.css b/examples/shared/usecase-gallery.css
index 29beea5..ec79a1b 100644
--- a/examples/shared/usecase-gallery.css
+++ b/examples/shared/usecase-gallery.css
@@ -77,6 +77,24 @@ cap-sheet-trigger.demo-link {
   padding-block: 1em 1.25em;
 }
 
+.demo-hero-copy {
+  min-width: 0;
+}
+
+.demo-brand {
+  display: flex;
+  align-items: center;
+  gap: 0.75em;
+}
+
+.demo-logo {
+  width: 3rem;
+  height: 3rem;
+  flex: 0 0 auto;
+  border-radius: 0.875rem;
+  box-shadow: 0 0.75rem 2rem rgb(20 23 22 / 0.14);
+}
+
 .demo-hero h1 {
   max-width: 12em;
   margin: 0;
diff --git a/examples/solid-app/public/capgo-sheets-logo.svg b/examples/solid-app/public/capgo-sheets-logo.svg
new file mode 100644
index 0000000..c6b76b7
--- /dev/null
+++ b/examples/solid-app/public/capgo-sheets-logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <rect width="1024" height="1024" fill="#f4f7f4"/>
+  <path fill="#dce7e2" d="M284 228h456c54 0 98 44 98 98v352c0 54-44 98-98 98H284c-54 0-98-44-98-98V326c0-54 44-98 98-98Z"/>
+  <path fill="#365da8" d="M256 302h512c50 0 90 40 90 90v350c0 50-40 90-90 90H256c-50 0-90-40-90-90V392c0-50 40-90 90-90Z"/>
+  <path fill="#19705f" d="M166 395c0-51 41-92 92-92h508c51 0 92 41 92 92v85H166v-85Z"/>
+  <path fill="#141716" d="M224 432h576c56 0 102 46 102 102v268c0 56-46 102-102 102H224c-56 0-102-46-102-102V534c0-56 46-102 102-102Z"/>
+  <rect width="212" height="28" x="406" y="518" fill="#fbfffd" rx="14"/>
+  <path fill="#fbfffd" fill-opacity=".86" d="M288 638h448c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+  <path fill="#fbfffd" fill-opacity=".58" d="M288 746h292c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+</svg>
diff --git a/examples/solid-app/src/UsecaseGallery.tsx b/examples/solid-app/src/UsecaseGallery.tsx
index b170bb6..75b698f 100644
--- a/examples/solid-app/src/UsecaseGallery.tsx
+++ b/examples/solid-app/src/UsecaseGallery.tsx
@@ -276,8 +276,11 @@ export function UsecaseGallery() {
       <TravelOutlet for={depthOutletFor} class="demo-depth-stage" type="depth">
         <main class="demo-app">
           <header class="demo-hero">
-            <div>
-              <p class="demo-kicker">Solid playground</p>
+            <div class="demo-hero-copy">
+              <div class="demo-brand">
+                <img class="demo-logo" src="/capgo-sheets-logo.svg" alt="" />
+                <p class="demo-kicker">Solid playground</p>
+              </div>
               <h1>Capgo Sheets usecases</h1>
               <p>Open every sheet pattern from the real preview viewport. No fake phone frame, no clipped overlay.</p>
             </div>
diff --git a/examples/svelte-app/public/capgo-sheets-logo.svg b/examples/svelte-app/public/capgo-sheets-logo.svg
new file mode 100644
index 0000000..c6b76b7
--- /dev/null
+++ b/examples/svelte-app/public/capgo-sheets-logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <rect width="1024" height="1024" fill="#f4f7f4"/>
+  <path fill="#dce7e2" d="M284 228h456c54 0 98 44 98 98v352c0 54-44 98-98 98H284c-54 0-98-44-98-98V326c0-54 44-98 98-98Z"/>
+  <path fill="#365da8" d="M256 302h512c50 0 90 40 90 90v350c0 50-40 90-90 90H256c-50 0-90-40-90-90V392c0-50 40-90 90-90Z"/>
+  <path fill="#19705f" d="M166 395c0-51 41-92 92-92h508c51 0 92 41 92 92v85H166v-85Z"/>
+  <path fill="#141716" d="M224 432h576c56 0 102 46 102 102v268c0 56-46 102-102 102H224c-56 0-102-46-102-102V534c0-56 46-102 102-102Z"/>
+  <rect width="212" height="28" x="406" y="518" fill="#fbfffd" rx="14"/>
+  <path fill="#fbfffd" fill-opacity=".86" d="M288 638h448c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+  <path fill="#fbfffd" fill-opacity=".58" d="M288 746h292c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+</svg>
diff --git a/examples/svelte-app/src/App.svelte b/examples/svelte-app/src/App.svelte
index 11389eb..f641c41 100644
--- a/examples/svelte-app/src/App.svelte
+++ b/examples/svelte-app/src/App.svelte
@@ -753,8 +753,11 @@
 <cap-sheet-outlet use:travelOutlet={'depth'} for={depthOutletFor} class="demo-depth-stage">
   <main class="demo-app">
     <header class="demo-hero">
-      <div>
-        <p class="demo-kicker">Svelte playground</p>
+      <div class="demo-hero-copy">
+        <div class="demo-brand">
+          <img class="demo-logo" src="/capgo-sheets-logo.svg" alt="" />
+          <p class="demo-kicker">Svelte playground</p>
+        </div>
         <h1>Capgo Sheets usecases</h1>
         <p>Open every sheet pattern from the real preview viewport. No fake phone frame, no clipped overlay.</p>
       </div>
diff --git a/examples/vue-app/public/capgo-sheets-logo.svg b/examples/vue-app/public/capgo-sheets-logo.svg
new file mode 100644
index 0000000..c6b76b7
--- /dev/null
+++ b/examples/vue-app/public/capgo-sheets-logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <rect width="1024" height="1024" fill="#f4f7f4"/>
+  <path fill="#dce7e2" d="M284 228h456c54 0 98 44 98 98v352c0 54-44 98-98 98H284c-54 0-98-44-98-98V326c0-54 44-98 98-98Z"/>
+  <path fill="#365da8" d="M256 302h512c50 0 90 40 90 90v350c0 50-40 90-90 90H256c-50 0-90-40-90-90V392c0-50 40-90 90-90Z"/>
+  <path fill="#19705f" d="M166 395c0-51 41-92 92-92h508c51 0 92 41 92 92v85H166v-85Z"/>
+  <path fill="#141716" d="M224 432h576c56 0 102 46 102 102v268c0 56-46 102-102 102H224c-56 0-102-46-102-102V534c0-56 46-102 102-102Z"/>
+  <rect width="212" height="28" x="406" y="518" fill="#fbfffd" rx="14"/>
+  <path fill="#fbfffd" fill-opacity=".86" d="M288 638h448c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+  <path fill="#fbfffd" fill-opacity=".58" d="M288 746h292c18 0 32 14 32 32s-14 32-32 32H288c-18 0-32-14-32-32s14-32 32-32Z"/>
+</svg>
diff --git a/examples/vue-app/src/UsecaseGallery.vue b/examples/vue-app/src/UsecaseGallery.vue
index 84bf77d..292922d 100644
--- a/examples/vue-app/src/UsecaseGallery.vue
+++ b/examples/vue-app/src/UsecaseGallery.vue
@@ -464,8 +464,11 @@ function booleanAttributes(options?: SheetOptions): Record<string, string> {
   <cap-sheet-outlet :ref="travelOutletRefFor('depth')" :for="depthOutletFor" class="demo-depth-stage">
     <main class="demo-app">
       <header class="demo-hero">
-        <div>
-          <p class="demo-kicker">Vue playground</p>
+        <div class="demo-hero-copy">
+          <div class="demo-brand">
+            <img class="demo-logo" src="/capgo-sheets-logo.svg" alt="" />
+            <p class="demo-kicker">Vue playground</p>
+          </div>
           <h1>Capgo Sheets usecases</h1>
           <p>Open every sheet pattern from the real preview viewport. No fake phone frame, no clipped overlay.</p>
         </div>
diff --git a/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png b/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png
index adf6ba0..bb4cf31 100644
Binary files a/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png and b/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png differ