diff --git a/layouts/sbx-cli.html b/layouts/sbx-cli.html
index 0b10f5e0fa6..d5df812bc59 100644
--- a/layouts/sbx-cli.html
+++ b/layouts/sbx-cli.html
@@ -5,7 +5,12 @@
   <article class="prose min-w-0 max-w-4xl dark:prose-invert">
     {{ partial "breadcrumbs.html" . }}
     <div class="flex items-start justify-between gap-4">
-      <h1>{{ .Title }}</h1>
+      <h1 class="inline-flex items-baseline gap-3">
+        {{ .Title }}
+        {{ if $data.experimental }}
+          {{ partialCached "components/badge.html" (dict "color" "violet" "content" "experimental") "sbx-exp" }}
+        {{ end }}
+      </h1>
     </div>
 
     {{- /* Summary table */ -}}
@@ -28,6 +33,22 @@ <h1>{{ .Title }}</h1>
       </table>
     </div>
 
+    {{- /* Experimental callout (command-level) */ -}}
+    {{ if $data.experimental }}
+      <div class="px-4 border-l-2 border-l-magenta-light dark:border-l-magenta-dark">
+        <p class="not-prose flex gap-2 items-center text-magenta-light dark:text-magenta-dark">
+          <span class="icon-svg pb-1">{{ partialCached "icon" "beaker" "beaker" }}</span>
+          <strong>{{ i18n "experimental" }}</strong>
+        </p>
+        <p><strong>This command is experimental.</strong></p>
+        <p>
+          Experimental features are intended for testing and feedback as their
+          functionality or design may change between releases without warning or
+          can be removed entirely in a future release.
+        </p>
+      </div>
+    {{ end }}
+
     {{- /* Description */ -}}
     {{ with $data.description }}
       {{ $heading := dict "level" 2 "text" "Description" }}
@@ -54,7 +75,14 @@ <h1>{{ .Title }}</h1>
               {{ $child := index hugo.Data.sbx_cli .Params.datafile }}
               <tr>
                 <td class="text-left"><a class="link" href="{{ .Permalink }}"><code>{{ .Title }}</code></a></td>
-                <td class="text-left">{{ $child.synopsis }}</td>
+                <td class="text-left">
+                  <span class="inline-flex items-center gap-2">
+                    {{ if $child.experimental }}
+                      {{ partialCached "components/badge.html" (dict "color" "violet" "content" "experimental") "sbx-exp" }}
+                    {{ end }}
+                    {{ $child.synopsis }}
+                  </span>
+                </td>
               </tr>
             {{ end }}
           {{ end }}
@@ -91,9 +119,14 @@ <h1>{{ .Title }}</h1>
                     {{ end }}
                   </td>
                   <td>
-                    {{ with .usage }}
-                      {{ strings.TrimSpace . }}
-                    {{ end }}
+                    <span class="inline-flex items-center gap-2">
+                      {{ with .experimental }}
+                        {{ partialCached "components/badge.html" (dict "color" "violet" "content" "experimental") "sbx-exp" }}
+                      {{ end }}
+                      {{ with .usage }}
+                        {{ strings.TrimSpace . }}
+                      {{ end }}
+                    </span>
                   </td>
                 </tr>
               {{ end }}
@@ -132,9 +165,14 @@ <h1>{{ .Title }}</h1>
                     {{ end }}
                   </td>
                   <td>
-                    {{ with .usage }}
-                      {{ strings.TrimSpace . }}
-                    {{ end }}
+                    <span class="inline-flex items-center gap-2">
+                      {{ with .experimental }}
+                        {{ partialCached "components/badge.html" (dict "color" "violet" "content" "experimental") "sbx-exp" }}
+                      {{ end }}
+                      {{ with .usage }}
+                        {{ strings.TrimSpace . }}
+                      {{ end }}
+                    </span>
                   </td>
                 </tr>
               {{ end }}