Simplify homepage navigation to the official icon

Author: rodrix2000

IMPLEMENTATION-NOTES.md

@@ -46,6 +46,29 @@ There is one interactive workstation, not a repeated hero console. Themes use
 real Tokyo Night, Catppuccin and Gruvbox screenshots. Community links are open
 rows and groups. The purple-and-gold Omarchs jester supplies the closing joke.
 
+### Navigation identity refinement — 2026-08-30
+
+Starting from `77d2538c654bd714ecc3bb2b39cefa6eb01de61b`, the navbar uses only
+the official square mark, removing the repeated wordmark after visual review.
+The symbol is 36px on desktop/tablet and 28px on mobile, centered in a minimum
+44px-square home-link target. Its accessible name remains "Omarchy home".
+These size rules are scoped to the navbar; hero and footer sizing is unchanged.
+
+Following review, the footer wordmark was restored to official green
+(`#9ece6a`), matching the hero and square symbols. It uses the original SVG
+directly; the temporary cyan tint, mask styles and wrapper were removed.
+The icon-only header is unchanged. No JavaScript or dependencies were added.
+
+The local preview was checked at 1440px, 846px, 390px and 320px viewport widths:
+brand assets loaded, and the controls did not overlap or cause horizontal
+overflow. Mobile menu opening, Escape dismissal, focus return, section navigation
+and the home link were checked. Keyboard focus
+on the brand retains its cyan outline. `ruby bin/check` (including static content,
+local targets and reduced motion) and `html-validate@10.4.0 index.html` passed.
+Browser logs showed no errors; only the existing analytics warning that ignores
+localhost. Review captures remain outside the public checkout. Publishing this
+refinement to the live preview remains a separate, explicit deployment step.
+
 ## Verification evidence
 
 The reviewed design was visually checked at 1440px and 390px, with overflow

assets/css/home.css

@@ -179,6 +179,18 @@ html:has(.home) {
   width: 3.5rem;
 }
 
+.site-brand--nav {
+  justify-content: center;
+  min-height: 2.75rem;
+  min-width: 2.75rem;
+}
+
+.site-brand--nav .site-brand__symbol {
+  height: 2.25rem;
+  margin: 0;
+  width: 2.25rem;
+}
+
 .site-nav__links {
   align-items: stretch;
   display: flex;
@@ -1492,6 +1504,11 @@ html:has(.home) {
     width: 2.9rem;
   }
 
+  .site-brand--nav .site-brand__symbol {
+    height: 1.75rem;
+    width: 1.75rem;
+  }
+
   .site-nav__cta {
     min-height: 2.6rem;
     padding: 0.65rem 0.9rem;
@@ -1790,10 +1807,6 @@ html:has(.home) {
 }
 
 @media (max-width: 23rem) {
-  .site-brand span {
-    display: none;
-  }
-
   .hero__actions {
     grid-template-columns: 1fr;
   }

index.html

@@ -48,9 +48,8 @@
 
     <header class="site-header">
       <nav class="site-nav" aria-label="Primary navigation">
-        <a class="site-brand" href="/" aria-label="Omarchy home">
-          <img src="/brand/omarchy-logo.svg" width="1200" height="1200" alt="">
-          <span>Omarchy</span>
+        <a class="site-brand site-brand--nav" href="/" aria-label="Omarchy home">
+          <img class="site-brand__symbol" src="/brand/omarchy-logo.svg" width="1200" height="1200" alt="">
         </a>
 
         <div class="site-nav__links">