the panels stop explaining themselves

"The About page, in the order it is shown: a header, the text about you, the product, and the
manifesto." above four bands headed Header, About us, Product and Manifesto. "The photograph at the top,
and the line over it" above a photograph at the top and a line over it. "Who you are" above a box headed
About us.

Every one was a caption for something already visible, and together they were most of the vertical
space before any content — so the actual work started below the fold on a laptop.

The person using this is not a developer and is not a child. A heading names a thing; a sentence
underneath saying what the thing is says it twice and trusts them less each time.

Removed from About, Home, Galleries and the record sections. What stays is anything reporting STATE
rather than describing furniture — a count of photographs, a loading line, an error, a save
confirmation — because those say something the screen does not.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

web/sections/HomePanel.tsx

@@ -155,7 +155,6 @@ export const HomePanel = () => {
         <div className="flex items-start justify-between gap-3">
           <div className="space-y-1">
             <h3 className="text-sm font-medium">Intro</h3>
-            <p className="text-xs text-muted-foreground">The paragraph under the hero.</p>
           </div>
           {saved && (
             <span className="flex shrink-0 items-center gap-1 text-xs text-success">
@@ -173,7 +172,6 @@ export const HomePanel = () => {
       <section className="flex flex-col gap-3 rounded-lg border border-border p-4">
         <div className="space-y-1">
           <h3 className="text-sm font-medium">Hero</h3>
-          <p className="text-xs text-muted-foreground">The video or image across the top of the page.</p>
         </div>
 
         {/*
@@ -213,13 +211,7 @@ export const HomePanel = () => {
       </section>
 
       <section className="flex flex-col gap-3 rounded-lg border border-border p-4">
-        <div className="space-y-1">
-          <h3 className="text-sm font-medium">Gallery</h3>
-          <p className="text-xs text-muted-foreground">
-            Which gallery the carousel shows. Edit its contents in the Galleries section — every page
-            using it changes with it.
-          </p>
-        </div>
+        <h3 className="text-sm font-medium">Gallery</h3>
 
         {/*
           A picker, not a list.