Branding

diff --git a/site/_includes/layouts/base.njk b/site/_includes/layouts/base.njk
index 91137a3972b51424f21e76c0558c618f2ba560b5..bcf6d8ef2e150ef3e5a8ea364a5e7368df568aae 100644 (file)
--- a/site/_includes/layouts/base.njk
+++ b/site/_includes/layouts/base.njk
@@ -40,8 +40,7 @@
           </span>
         </span>
         <div>
-          <div class="title">zndr.dk</div>
-          <div class="subtitle">Self-hosted services • Denmark</div>
+          <div class="brand-name">zndr.dk</div>
         </div>
       </a>
     </header>

diff --git a/site/assets/styles.css b/site/assets/styles.css
index df21eb0db64ddce86ac71d1ba822b283309d6d7b..52f742c4c1160fd49634a6f8d12f5576b810c981 100644 (file)
--- a/site/assets/styles.css
+++ b/site/assets/styles.css
@@ -62,15 +62,26 @@ header{
   gap: 16px;
   margin-bottom: 28px;
 }
-
-.brand{
+/* Simplified header branding */
+.brand {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 14px;
   text-decoration: none;
   color: inherit;
 }
 
+.brand-name {
+  font-size: 1.75rem;     /* larger, clean look */
+  font-weight: 700;
+  letter-spacing: .5px;
+  color: var(--fg);
+}
+
+.brand-name:hover {
+  color: var(--accent);   /* subtle hover accent */
+}
+
 .title{ font-weight: 700; letter-spacing: .2px; }
 .subtitle{ color: var(--muted); font-size: .95rem; }