diff --git a/core/templates/base.html b/core/templates/base.html
index d15912d..4a1bc7f 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -27,7 +27,10 @@
   <header class="site-header">
     <div class="container">
       <nav class="navbar navbar-expand-lg py-3">
-        <a class="navbar-brand brand-mark" href="{% url 'home' %}">Roadshow<span>Calendar</span></a>
+        <a class="navbar-brand brand-mark d-flex align-items-center gap-3" href="{% url 'home' %}">
+          <img src="{% static 'images/just-roasted-coffee-logo.png' %}" alt="Just Roasted Coffee logo" class="brand-logo" width="166" height="52">
+          <span class="brand-label">Calendar</span>
+        </a>
         <button class="navbar-toggler calendar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#siteNav" aria-controls="siteNav" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
diff --git a/static/css/custom.css b/static/css/custom.css
index d6000e3..a0c065b 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -123,6 +123,30 @@ span {
     color: var(--brand-primary);
 }
 
+.brand-logo {
+    display: block;
+    width: auto;
+    height: 44px;
+}
+
+.brand-label {
+    color: var(--brand-ink);
+    font-size: 1rem;
+    font-weight: 800;
+    letter-spacing: -0.02em;
+    white-space: nowrap;
+}
+
+@media (max-width: 575.98px) {
+    .brand-logo {
+        height: 34px;
+    }
+
+    .brand-label {
+        font-size: 0.94rem;
+    }
+}
+
 .nav-link {
     color: var(--brand-ink);
     font-weight: 600;
diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css
index d6000e3..a0c065b 100644
--- a/staticfiles/css/custom.css
+++ b/staticfiles/css/custom.css
@@ -123,6 +123,30 @@ span {
     color: var(--brand-primary);
 }
 
+.brand-logo {
+    display: block;
+    width: auto;
+    height: 44px;
+}
+
+.brand-label {
+    color: var(--brand-ink);
+    font-size: 1rem;
+    font-weight: 800;
+    letter-spacing: -0.02em;
+    white-space: nowrap;
+}
+
+@media (max-width: 575.98px) {
+    .brand-logo {
+        height: 34px;
+    }
+
+    .brand-label {
+        font-size: 0.94rem;
+    }
+}
+
 .nav-link {
     color: var(--brand-ink);
     font-weight: 600;