From 43edf5dec13d72bb89b1256eaf77977314f7826e Mon Sep 17 00:00:00 2001
From: awesomerobot <kris.aubuchon@discourse.org>
Date: Fri, 27 Jun 2025 17:24:09 -0400
Subject: [PATCH] UX: banner headline should not be an H1

---
 common/common.scss                                 | 6 +++++-
 javascripts/discourse/components/search-banner.gjs | 4 +++-
 stylesheets/special-styles.scss                    | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/common/common.scss b/common/common.scss
index 3fd970f..84c7372 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -60,7 +60,11 @@
     }
   }
 
-  h1 {
+  .custom-search-banner-headline {
+    font-family: var(--heading-font-family);
+    font-size: var(--font-up-5);
+    font-weight: bold;
+    margin-bottom: 0.5rem;
     text-align: center;
   }
 
diff --git a/javascripts/discourse/components/search-banner.gjs b/javascripts/discourse/components/search-banner.gjs
index f6698b8..85ed895 100644
--- a/javascripts/discourse/components/search-banner.gjs
+++ b/javascripts/discourse/components/search-banner.gjs
@@ -88,7 +88,9 @@ export default class SearchBanner extends Component {
           {{willDestroy this.willDestroy}}
         >
           <div class="wrap custom-search-banner-wrap welcome-banner__wrap">
-            <h1>{{htmlSafe (i18n (themePrefix "search_banner.headline"))}}</h1>
+            <div class="custom-search-banner-headline">
+              {{htmlSafe (i18n (themePrefix "search_banner.headline"))}}
+            </div>
             <PluginOutlet @name="search-banner-below-headline" />
             <p>{{htmlSafe (i18n (themePrefix "search_banner.subhead"))}}</p>
             <div class="search-menu welcome-banner__search-menu">
diff --git a/stylesheets/special-styles.scss b/stylesheets/special-styles.scss
index 9856a4a..3355b04 100644
--- a/stylesheets/special-styles.scss
+++ b/stylesheets/special-styles.scss
@@ -36,7 +36,7 @@
       width: auto;
     }
 
-    > h1,
+    > .custom-search-banner-headline,
     > p {
       display: none;
     }