diff --git a/frontend/index.html b/frontend/index.html
index cdbc8a69d..b18d81d0d 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -13,7 +13,7 @@ Please see LICENSE files in the repository root for full details.
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>matrix-authentication-service</title>
+    <title>letro-authentication-service</title>
     <script type="application/javascript">
       window.APP_CONFIG = JSON.parse(
         '{"root": "/account/", "graphqlEndpoint": "/graphql"}',
diff --git a/frontend/src/components/PageHeading/PageHeading.module.css b/frontend/src/components/PageHeading/PageHeading.module.css
index 42e0b4774..75ce0bb18 100644
--- a/frontend/src/components/PageHeading/PageHeading.module.css
+++ b/frontend/src/components/PageHeading/PageHeading.module.css
@@ -48,6 +48,19 @@
     }
   }
 
+  & .brand-logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    align-self: center;
+    margin-block-end: var(--cpd-space-1x);
+
+    & svg {
+      display: block;
+      block-size: auto;
+    }
+  }
+
   & .header {
     display: flex;
     flex-direction: column;
@@ -78,5 +91,9 @@
 @media screen and (min-width: 768px) {
   .page-heading {
     margin-block-start: var(--cpd-space-8x);
+
+    & .brand-logo {
+      margin-block-end: var(--cpd-space-2x);
+    }
   }
 }
diff --git a/frontend/src/entrypoints/templates.css b/frontend/src/entrypoints/templates.css
index 4afbc729f..50a23ebd4 100644
--- a/frontend/src/entrypoints/templates.css
+++ b/frontend/src/entrypoints/templates.css
@@ -17,6 +17,7 @@
 @import "../components/Layout/Layout.module.css";
 @import "../components/Footer/Footer.module.css";
 @import "../components/PageHeading/PageHeading.module.css";
+@import "../styles/brand-theme.css";
 
 .cpd-text-body-lg-regular {
   font: var(--cpd-font-body-lg-regular);
diff --git a/frontend/src/entrypoints/templates.ts b/frontend/src/entrypoints/templates.ts
index 77587ee58..5aea14b6f 100644
--- a/frontend/src/entrypoints/templates.ts
+++ b/frontend/src/entrypoints/templates.ts
@@ -96,3 +96,26 @@ for (const element of document.querySelectorAll<HTMLInputElement>(
 )) {
   patchUsernameInput(element);
 }
+
+function patchDisableSubmitUntilValid(formElement: HTMLFormElement) {
+  const submitButton = formElement.querySelector<HTMLButtonElement>(
+    '.cpd-button[data-kind="primary"][type="submit"]',
+  );
+
+  if (!submitButton) return;
+
+  const syncDisabledState = () => {
+    submitButton.disabled = !formElement.checkValidity();
+  };
+
+  syncDisabledState();
+
+  formElement.addEventListener("input", syncDisabledState);
+  formElement.addEventListener("change", syncDisabledState);
+}
+
+for (const formElement of document.querySelectorAll<HTMLFormElement>(
+  "form[data-disable-submit-until-valid]",
+)) {
+  patchDisableSubmitUntilValid(formElement);
+}
diff --git a/frontend/src/styles/brand-theme.css b/frontend/src/styles/brand-theme.css
new file mode 100644
index 000000000..22c795281
--- /dev/null
+++ b/frontend/src/styles/brand-theme.css
@@ -0,0 +1,95 @@
+/* Copyright 2026 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+:root {
+  --brand-color-accent: #D51C0B;
+  --brand-input-background: #F4F4F4;
+  --brand-input-background-autofill: #EEF3FA;
+  --brand-link-muted: #696B7799;
+  --brand-link-muted-hover: #55565E;
+  --brand-link-muted-active: #292A2D;
+  --brand-primary-gradient: linear-gradient(45deg, #C20000 6.43%, #C30300 19.99%, #C60E00 32.57%, #CB2000 45.16%, #D33900 56.78%, #DD5A00 67.43%, #E98200 79.04%, #F7B000 89.69%, #FFC800 94.53%);
+}
+
+.cpd-text-control {
+  background: var(--brand-input-background);
+  border-color: transparent;
+}
+
+.cpd-text-control:-webkit-autofill,
+.cpd-text-control:-webkit-autofill:hover,
+.cpd-text-control:-webkit-autofill:focus,
+.cpd-text-control:-webkit-autofill:active {
+  -webkit-text-fill-color: var(--cpd-color-text-primary);
+  -webkit-box-shadow: 0 0 0 1000px var(--brand-input-background-autofill) inset;
+  box-shadow: 0 0 0 1000px var(--brand-input-background-autofill) inset;
+  background-color: var(--brand-input-background-autofill);
+  border-color: transparent;
+  transition: background-color 99999s ease-out 0s;
+}
+
+.cpd-text-control:-webkit-autofill:not(:hover):not(:focus):not(:active) {
+  border-color: transparent;
+}
+
+@media (hover) {
+  .cpd-text-control:hover {
+    border-color: var(--brand-color-accent);
+  }
+}
+
+.cpd-text-control:active {
+  border-color: var(--brand-color-accent);
+}
+
+.cpd-text-control:focus,
+.cpd-text-control:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--brand-color-accent) 20%, white);
+  outline-offset: 0;
+  border-color: var(--brand-color-accent);
+}
+
+.cpd-button[data-kind="primary"]:not(.destructive) {
+  background: var(--brand-primary-gradient);
+  border-width: 0;
+}
+
+@media (hover) {
+  .cpd-button[data-kind="primary"]:not(.destructive):hover {
+    filter: brightness(1.03);
+  }
+}
+
+.cpd-button[data-kind="primary"]:not(.destructive):active,
+.cpd-button[data-kind="primary"]:not(.destructive)[aria-expanded="true"] {
+  filter: brightness(0.96);
+}
+
+.cpd-button[data-kind="primary"]:not(.destructive)[disabled] {
+  filter: none;
+}
+
+.login-page .cpd-link[data-kind="primary"] {
+  color: var(--brand-link-muted);
+}
+
+@media (hover) {
+  .login-page .cpd-link[data-kind="primary"]:hover {
+    color: var(--brand-link-muted-hover);
+    background: transparent;
+  }
+}
+
+.login-page .cpd-link[data-kind="primary"]:active {
+  color: var(--brand-link-muted-active);
+  background: transparent;
+}
+
+[data-disable-submit-until-valid] .cpd-button[type="submit"][data-kind="primary"][disabled] {
+  cursor: not-allowed;
+  filter: grayscale(0.2);
+  opacity: 0.55;
+}
\ No newline at end of file
diff --git a/templates/app.html b/templates/app.html
index d43416f9a..bfa317104 100644
--- a/templates/app.html
+++ b/templates/app.html
@@ -10,7 +10,7 @@ Please see LICENSE files in the repository root for full details.
 {% set _ = translator(lang) %}
 
 <!DOCTYPE html>
-<html lang="{{ lang }}">
+<html lang="{{ lang }}" class="cpd-theme-light">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/templates/base.html b/templates/base.html
index cfa191ff2..53ebde38c 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -18,7 +18,7 @@ Please see LICENSE files in the repository root for full details.
 {% import "components/captcha.html" as captcha %}
 
 <!DOCTYPE html>
-<html lang="{{ lang }}">
+<html lang="{{ lang }}" class="cpd-theme-light">
   <head>
     <meta charset="utf-8">
     <title>{% block title %}{{ _("app.name") }}{% endblock title %}</title>
diff --git a/templates/components/brand_logo.html b/templates/components/brand_logo.html
new file mode 100644
index 000000000..f362b9085
--- /dev/null
+++ b/templates/components/brand_logo.html
@@ -0,0 +1,141 @@
+{#
+Copyright 2026 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+-#}
+
+{# Internal: icon shape paths in 0-44 coordinate space #}
+{% macro _icon_paths(prefix) %}
+    <path d="M1.82529 0H27.3794C27.8635 0 28.3278 0.193154 28.6701 0.536971C29.0124 0.880788 29.2047 1.3471 29.2047 1.83333V29.3333H0V1.83333C0 1.3471 0.192307 0.880788 0.534616 0.536971C0.876925 0.193154 1.3412 0 1.82529 0Z" fill="url(#{{ prefix }}_0)"/>
+    <path d="M14.6023 14.667L0 29.3337H14.6023V14.667Z" fill="url(#{{ prefix }}_1)"/>
+    <path d="M14.6016 14.667H41.981C42.4651 14.667 42.9293 14.8601 43.2716 15.204C43.614 15.5478 43.8063 16.0141 43.8063 16.5003V42.167C43.8063 42.6532 43.614 43.1195 43.2716 43.4634C42.9293 43.8072 42.4651 44.0003 41.981 44.0003H16.4269C15.9428 44.0003 15.4785 43.8072 15.1362 43.4634C14.7939 43.1195 14.6016 42.6532 14.6016 42.167V14.667Z" fill="url(#{{ prefix }}_2)"/>
+{% endmacro %}
+
+{# Internal: default gradient defs (red/yellow scheme, 0-44 coords) #}
+{% macro _icon_defs_default(prefix) %}
+      <linearGradient id="{{ prefix }}_0" x1="0.264667" y1="29.5992" x2="29.066" y2="0.93325" gradientUnits="userSpaceOnUse">
+        <stop offset="0.4" stop-color="#D51C0B"/>
+        <stop offset="0.52" stop-color="#D61F0B"/>
+        <stop offset="0.61" stop-color="#D8290C"/>
+        <stop offset="0.7" stop-color="#DC3A0D"/>
+        <stop offset="0.78" stop-color="#E1520E"/>
+        <stop offset="0.86" stop-color="#E87110"/>
+        <stop offset="0.94" stop-color="#F09613"/>
+        <stop offset="1" stop-color="#F9BC15"/>
+      </linearGradient>
+      <linearGradient id="{{ prefix }}_1" x1="3.65059" y1="33.0003" x2="18.3171" y2="18.3981" gradientUnits="userSpaceOnUse">
+        <stop/>
+        <stop offset="1" stop-color="#645A5A"/>
+      </linearGradient>
+      <linearGradient id="{{ prefix }}_2" x1="14.8693" y1="43.1937" x2="43.1268" y2="15.0601" gradientUnits="userSpaceOnUse">
+        <stop offset="0.4" stop-color="#D51C0B"/>
+        <stop offset="1" stop-color="#F9BC15"/>
+      </linearGradient>
+{% endmacro %}
+
+{# Internal: letro gradient defs (dark red/gold scheme, 0-44 coords) #}
+{% macro _icon_defs_letro(prefix) %}
+      <linearGradient id="{{ prefix }}_0" x1="-1.03125" y1="30.37375" x2="31.83125" y2="-2.48875" gradientUnits="userSpaceOnUse">
+        <stop offset="0.05" stop-color="#BA0000"/>
+        <stop offset="0.23" stop-color="#BA0200"/>
+        <stop offset="0.36" stop-color="#BE0B00"/>
+        <stop offset="0.47" stop-color="#C31B00"/>
+        <stop offset="0.57" stop-color="#CA3000"/>
+        <stop offset="0.66" stop-color="#D44C00"/>
+        <stop offset="0.75" stop-color="#E06F00"/>
+        <stop offset="0.83" stop-color="#EE9700"/>
+        <stop offset="0.91" stop-color="#FEC500"/>
+        <stop offset="0.92" stop-color="#FFC800"/>
+      </linearGradient>
+      <linearGradient id="{{ prefix }}_1" x1="3.16239" y1="33.77028" x2="38.87111" y2="11.45397" gradientUnits="userSpaceOnUse">
+        <stop/>
+        <stop offset="0.07" stop-color="#0E0E0E"/>
+        <stop offset="0.37" stop-color="#494949"/>
+        <stop offset="0.6" stop-color="#6E6E6E"/>
+        <stop offset="0.72" stop-color="#7D7D7D"/>
+      </linearGradient>
+      <linearGradient id="{{ prefix }}_2" x1="14.90486" y1="43.29861" x2="43.29861" y2="14.90486" gradientUnits="userSpaceOnUse">
+        <stop offset="0.05" stop-color="#C20000"/>
+        <stop offset="0.19" stop-color="#C30300"/>
+        <stop offset="0.32" stop-color="#C60E00"/>
+        <stop offset="0.45" stop-color="#CB2000"/>
+        <stop offset="0.57" stop-color="#D33900"/>
+        <stop offset="0.68" stop-color="#DD5A00"/>
+        <stop offset="0.80" stop-color="#E98200"/>
+        <stop offset="0.91" stop-color="#F7B000"/>
+        <stop offset="0.96" stop-color="#FFC800"/>
+      </linearGradient>
+{% endmacro %}
+
+{% macro logo_icon() %}
+  <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+    {{ _icon_paths("li") }}
+    <defs>
+      {{ _icon_defs_default("li") }}
+    </defs>
+  </svg>
+{% endmacro %}
+
+{# Internal: PostNumber text paths (in 0-175 × 0-44 coordinate space) #}
+{% macro _postnumber_text_paths() %}
+    <path d="M76.9986 6.17509C76.677 5.44887 76.1752 4.81765 75.5414 4.34175C74.8721 3.87406 74.1158 3.54671 73.3176 3.37925C72.3956 3.16804 71.4523 3.0655 70.5067 3.0737H62.4176L58.2285 23.3656H62.6427L64.1638 16.0904H69.6396C70.6602 16.0973 71.6748 15.9341 72.6423 15.6076C73.5555 15.3049 74.4038 14.8322 75.1429 14.2143C75.8737 13.6064 76.4643 12.8464 76.8739 11.9868C77.3074 11.0473 77.5237 10.0215 77.5067 8.9862C77.5411 8.02333 77.3678 7.06438 76.9986 6.17509ZM72.1007 11.7576C71.4467 12.3381 70.5584 12.6254 69.4297 12.6254H64.9061L66.1533 6.54786H69.9408C70.326 6.54477 70.7105 6.58266 71.0877 6.66092C71.442 6.7282 71.7818 6.85748 72.0916 7.04286C72.3979 7.22429 72.6469 7.48914 72.8096 7.80675C73.0033 8.19921 73.0963 8.63402 73.0803 9.07175C73.0803 10.2848 72.7579 11.1801 72.1007 11.7576ZM92.179 11.7576C91.8716 11.0124 91.3919 10.3515 90.7796 9.82953C90.1452 9.30015 89.4088 8.90799 88.6166 8.67759C87.7212 8.41138 86.7911 8.2816 85.8574 8.29259C84.65 8.27493 83.4532 8.52098 82.3498 9.0137C81.339 9.47855 80.4372 10.1522 79.7031 10.9906C78.9662 11.8463 78.3993 12.8358 78.0329 13.9056C77.6506 15.036 77.4593 16.2227 77.4671 17.4165C77.4671 19.5187 78.0755 21.0964 79.2924 22.1495C80.0076 22.7601 80.8543 23.1952 81.7657 23.4206C82.5512 23.6324 83.3618 23.7352 84.1751 23.7262C84.6986 23.728 85.2215 23.6882 85.7387 23.607C86.4337 23.4969 87.1104 23.2913 87.7496 22.9959C88.7702 22.5441 89.6821 21.8772 90.4237 21.0404C91.1751 20.1827 91.7472 19.182 92.106 18.0979C92.501 16.9302 92.6975 15.7041 92.687 14.4709C92.7018 13.5363 92.529 12.6084 92.179 11.7423V11.7576ZM88.4067 16.5884C88.2436 17.2895 87.9813 17.9634 87.6279 18.5898C87.3381 19.1089 86.9579 19.5715 86.5054 19.9556C86.4384 20.0168 86.3654 20.0748 86.2954 20.1268C85.7361 20.5409 85.0553 20.7559 84.3606 20.7379C83.9293 20.7472 83.502 20.654 83.1134 20.4659C82.8678 20.3377 82.6423 20.174 82.4441 19.9801C82.3624 19.901 82.2852 19.8173 82.2129 19.7295C81.9647 19.4158 81.7769 19.0583 81.6592 18.6754C81.5372 18.2711 81.4747 17.8511 81.4736 17.4287C81.4795 16.7515 81.5663 16.0776 81.7322 15.4212C81.8948 14.7291 82.1539 14.0636 82.5019 13.4443C82.8293 12.8487 83.277 12.3283 83.8161 11.9165C84.3675 11.5073 85.038 11.2925 85.7235 11.3054C86.7984 11.3054 87.559 11.5997 88.0051 12.1884C88.4776 12.8804 88.7096 13.7095 88.6653 14.5473C88.6584 15.2299 88.5747 15.9095 88.4158 16.5731L88.4067 16.5884ZM105.747 16.0048C105.385 15.667 104.975 15.3858 104.53 15.1706C104.042 14.9233 103.533 14.7189 103.009 14.5595L101.001 13.9026C100.489 13.7773 100.006 13.5543 99.5775 13.2456C99.4515 13.1502 99.3496 13.0263 99.2798 12.8841C99.2101 12.7419 99.1745 12.5853 99.1759 12.4268C99.1628 12.1893 99.2237 11.9537 99.3502 11.7527C99.4767 11.5516 99.6625 11.3953 99.8817 11.3054C100.44 11.067 101.043 10.9543 101.649 10.9754C102.444 10.9754 103.016 11.1516 103.365 11.504C103.732 11.9004 103.929 12.4263 103.913 12.9676H107.648C107.695 12.1648 107.541 11.3631 107.198 10.6362C106.89 10.0466 106.431 9.54986 105.869 9.19703C105.274 8.83706 104.618 8.59245 103.934 8.47592C103.176 8.34227 102.407 8.27581 101.637 8.27731C100.9 8.28118 100.166 8.36311 99.4467 8.52175C98.7073 8.67236 97.9967 8.94055 97.3415 9.3162C96.7163 9.66741 96.1794 10.1576 95.7718 10.7493C95.3478 11.3974 95.1352 12.162 95.1633 12.937C95.1472 13.4375 95.2182 13.937 95.3732 14.4129C95.5014 14.7945 95.7088 15.1444 95.9817 15.4395C96.2678 15.7316 96.6024 15.9715 96.9704 16.1484C97.4085 16.3546 97.8585 16.5342 98.318 16.6862L101.4 17.6793C101.776 17.8005 102.13 17.9843 102.446 18.2231C102.592 18.3601 102.703 18.5291 102.772 18.7169C102.841 18.9046 102.866 19.1058 102.845 19.3048C102.854 19.6001 102.774 19.8912 102.614 20.139C102.455 20.3646 102.247 20.5506 102.005 20.6829C101.75 20.8277 101.474 20.9309 101.187 20.9884C100.886 21.043 100.58 21.0716 100.274 21.074C99.9252 21.0723 99.5777 21.0272 99.2398 20.9395C98.9125 20.865 98.5985 20.7403 98.3089 20.5698C98.0436 20.4195 97.8157 20.2105 97.6427 19.9587C97.4665 19.7 97.3761 19.392 97.3841 19.0787V18.5898H93.7335V19.1856C93.7051 19.9531 93.9053 20.7117 94.3085 21.3643C94.6779 21.9356 95.1747 22.4127 95.7596 22.7576C96.3804 23.1157 97.0556 23.3686 97.7583 23.5062C98.4745 23.6581 99.2044 23.736 99.9365 23.7384C100.782 23.7392 101.625 23.6522 102.452 23.4787C103.241 23.3242 103.997 23.0348 104.688 22.6231C105.329 22.24 105.873 21.7128 106.276 21.0831C106.699 20.3859 106.911 19.58 106.885 18.764C106.893 18.218 106.79 17.676 106.581 17.172C106.388 16.7289 106.113 16.3273 105.768 15.9895L105.747 16.0048ZM114.39 18.6906L115.908 11.3726H118.764L119.391 8.67453H116.516L117.429 4.21342H113.395L112.482 8.67453H109.909L109.3 11.3726H111.932L110.28 19.2498C110.222 19.5156 110.173 19.7662 110.143 20.0076C110.105 20.2174 110.085 20.43 110.082 20.6431C110.045 21.1539 110.15 21.6651 110.386 22.119C110.594 22.4901 110.897 22.7991 111.262 23.0143C111.648 23.2399 112.07 23.3951 112.51 23.4726C112.811 23.5267 113.116 23.5624 113.422 23.5795C113.587 23.5795 113.754 23.5979 113.918 23.5979C114.353 23.5979 114.776 23.5979 115.19 23.5581L116.206 23.4787L116.431 23.4604L117.112 20.359C116.635 20.4169 116.154 20.4455 115.674 20.4445C115.521 20.4445 115.369 20.4445 115.205 20.4445C115.049 20.4376 114.897 20.3948 114.761 20.3193C114.627 20.2387 114.516 20.1251 114.438 19.9893C114.344 19.8003 114.301 19.5894 114.314 19.3781C114.316 19.2869 114.325 19.196 114.341 19.1062C114.357 18.9614 114.38 18.8176 114.411 18.6754L114.39 18.6906Z" fill="#1D1D1B"/>
+    <path d="M83.8278 25.8289C83.0145 25.8395 82.2037 25.7367 81.4185 25.5234L79.5932 34.6901H79.5354L74.0351 20.2617H69.4567L65.2129 40.5537H69.3381L72.2281 26.3209H72.2798L77.8287 40.5537H82.2703L85.3915 25.7098C84.8742 25.7909 84.3514 25.8308 83.8278 25.8289ZM98.8165 25.8626L97.1738 33.6756C97.0597 34.1919 96.8946 34.6956 96.6809 35.1789C96.4757 35.654 96.1998 36.095 95.8626 36.4867C95.5279 36.8657 95.1242 37.1768 94.6731 37.4034C94.1765 37.6474 93.6287 37.7679 93.076 37.7548C92.6032 37.7568 92.142 37.6081 91.7587 37.3301C91.5743 37.2172 91.4216 37.0588 91.3151 36.8701C91.2086 36.6813 91.1519 36.4684 91.1503 36.2514C91.1503 36.1567 91.1503 36.0314 91.1503 35.8664C91.1503 35.7014 91.1777 35.5426 91.2111 35.3684C91.2446 35.1942 91.2629 35.0323 91.2963 34.8734C91.3187 34.7334 91.3522 34.5954 91.3967 34.4609L93.1764 25.8534H89.1699L87.3628 34.4609C87.3233 34.5953 87.2776 34.7664 87.232 34.9864C87.1864 35.2064 87.1377 35.4356 87.0921 35.6801C87.0464 35.9245 87.0069 36.172 86.9795 36.4103C86.9522 36.6037 86.9369 36.7986 86.9339 36.9939C86.9339 39.6034 88.3596 40.9091 91.2111 40.9112C92.193 40.9386 93.1676 40.7346 94.0567 40.3154C94.9459 39.8962 95.7248 39.2735 96.3311 38.4973H96.3828L95.9356 40.5445H99.7809L102.823 25.8534L98.8165 25.8626ZM127.388 27.5401C127.155 27.0775 126.815 26.6775 126.397 26.3728C125.967 26.0609 125.485 25.83 124.973 25.6914C124.433 25.5397 123.875 25.4637 123.315 25.4653C122.832 25.4648 122.352 25.5275 121.885 25.6517C121.411 25.771 120.952 25.9464 120.519 26.1742C120.087 26.4006 119.68 26.6709 119.302 26.9809C118.947 27.2797 118.64 27.631 118.39 28.0228C118.339 27.6274 118.204 27.2476 117.994 26.9091C117.784 26.5707 117.504 26.2815 117.173 26.0612C116.774 25.817 116.334 25.6482 115.874 25.5631C115.539 25.4969 115.199 25.4642 114.858 25.4653C114.263 25.4608 113.67 25.5275 113.09 25.6639C112.696 25.7599 112.312 25.8929 111.943 26.0612C111.053 26.4752 110.291 27.1235 109.738 27.9373H109.68L110.133 25.8626H106.261L103.219 40.5537H107.204L108.847 32.6826C108.948 32.2028 109.101 31.7356 109.303 31.2892C109.5 30.8233 109.762 30.388 110.082 29.9967C110.39 29.6077 110.768 29.2793 111.195 29.0281C111.625 28.7677 112.12 28.6343 112.622 28.6431C113.085 28.6266 113.536 28.7909 113.881 29.1014C114.041 29.2381 114.168 29.4082 114.255 29.5999C114.342 29.7916 114.386 30.0001 114.383 30.2106C114.378 30.5617 114.34 30.9115 114.271 31.2556L112.342 40.5537H116.394L118.034 32.6948C118.135 32.2151 118.288 31.7479 118.49 31.3014C118.684 30.834 118.94 30.3951 119.251 29.9967C119.56 29.6096 119.936 29.2815 120.361 29.0281C120.79 28.7678 121.284 28.6344 121.785 28.6431C122.248 28.625 122.7 28.7895 123.044 29.1014C123.203 29.2378 123.33 29.4076 123.415 29.5988C123.501 29.79 123.544 29.9979 123.54 30.2076C123.539 30.5589 123.501 30.9091 123.428 31.2526L121.508 40.5506H125.521L127.346 31.9095C127.44 31.4726 127.531 31.0295 127.629 30.5651C127.721 30.1115 127.768 29.6499 127.769 29.187C127.777 28.6152 127.646 28.05 127.388 27.5401ZM144.972 29.3031C144.795 28.5852 144.478 27.9094 144.041 27.3139C143.609 26.7455 143.051 26.2862 142.411 25.9726C141.659 25.6233 140.838 25.4539 140.01 25.4776C139.174 25.4501 138.343 25.6109 137.577 25.9481C136.855 26.3131 136.21 26.8153 135.678 27.427H135.617L137.117 20.2617H133.102L128.891 40.5537H132.566L133.047 38.2467H133.102C133.237 38.7056 133.468 39.1305 133.778 39.4938C134.089 39.8571 134.472 40.1506 134.903 40.3551C135.78 40.7413 136.729 40.9341 137.686 40.9203C138.83 40.9454 139.96 40.6706 140.966 40.1228C141.896 39.6044 142.706 38.893 143.342 38.0359C144 37.1484 144.49 36.1468 144.787 35.0812C145.106 33.9896 145.268 32.8577 145.267 31.7201C145.273 30.905 145.174 30.0926 144.972 29.3031ZM141.017 33.7887C140.863 34.4903 140.606 35.1648 140.254 35.7901C139.923 36.3868 139.471 36.9072 138.927 37.3178C138.353 37.7256 137.662 37.9347 136.959 37.9137C136.559 37.9358 136.159 37.8696 135.788 37.7197C135.416 37.5697 135.082 37.3397 134.808 37.0459C134.281 36.4255 134.008 35.6271 134.045 34.8123C134.051 34.1142 134.13 33.4188 134.282 32.7376C134.435 32.0232 134.693 31.3354 135.046 30.6964C135.381 30.0864 135.84 29.5535 136.393 29.132C136.975 28.7099 137.681 28.4948 138.398 28.5209C139.435 28.5209 140.175 28.8264 140.61 29.4559C141.059 30.1489 141.284 30.9641 141.255 31.7903C141.245 32.4633 141.164 33.1333 141.011 33.7887H141.017ZM150.618 34.4456C150.62 34.358 150.631 34.2709 150.652 34.1859H161.424C161.572 33.4278 161.649 32.6575 161.655 31.8851C161.672 30.9294 161.503 29.9796 161.156 29.0892C160.85 28.3206 160.376 27.6305 159.769 27.0695C159.156 26.5121 158.429 26.095 157.64 25.8473C156.735 25.5726 155.795 25.4387 154.85 25.4501C153.685 25.4314 152.532 25.69 151.485 26.2048C150.509 26.6889 149.645 27.3751 148.951 28.2184C148.253 29.0816 147.712 30.0623 147.354 31.1151C146.967 32.2111 146.767 33.3651 146.764 34.5281C146.747 35.4771 146.906 36.4209 147.232 37.3117C147.52 38.0673 147.968 38.7505 148.547 39.3131C149.134 39.8615 149.836 40.2726 150.6 40.517C151.464 40.7922 152.365 40.9274 153.271 40.9173C154.21 40.9343 155.147 40.8316 156.061 40.6117C157.544 40.2446 158.842 39.3459 159.711 38.0848C160.175 37.4025 160.554 36.6657 160.84 35.8909H156.84C156.687 36.1231 156.535 36.3553 156.347 36.6089C156.166 36.851 155.956 37.0688 155.72 37.2567C155.473 37.4551 155.197 37.6138 154.902 37.7273C154.562 37.8573 154.2 37.9205 153.837 37.9137C152.742 37.9137 151.933 37.6478 151.403 37.1192C151.139 36.8451 150.932 36.5199 150.796 36.1633C150.66 35.8067 150.598 35.4261 150.612 35.0445L150.618 34.4456ZM151.628 30.4337C152.057 29.6658 152.741 29.0732 153.56 28.7592C154.042 28.5795 154.553 28.4935 155.066 28.5056C155.55 28.486 156.033 28.5769 156.478 28.7714C156.806 28.9371 157.082 29.1896 157.278 29.5017C157.471 29.8078 157.601 30.1496 157.661 30.507C157.725 30.8773 157.758 31.2525 157.758 31.6284H151.066C151.214 31.2139 151.401 30.814 151.622 30.4337H151.628ZM173.763 25.4653C172.716 25.456 171.685 25.7259 170.776 26.2476C169.858 26.7722 169.136 27.5847 168.722 28.5606L168.671 28.5056L169.279 25.8626H165.437L162.395 40.5537H166.404L167.764 34.0453C167.892 33.4301 168.066 32.8254 168.284 32.2364C168.493 31.6825 168.789 31.1665 169.163 30.7087C169.53 30.2519 169.993 29.8834 170.52 29.6301C171.136 29.3409 171.809 29.1987 172.488 29.2145C172.772 29.214 173.054 29.2437 173.331 29.3031C173.617 29.3551 173.9 29.4131 174.183 29.4681L175.001 25.5509C174.589 25.4921 174.173 25.4635 173.757 25.4653H173.763Z" fill="#1D1D1B"/>
+{% endmacro %}
+
+{% macro postnumber_logo_text() %}
+  <svg width="117" height="44" viewBox="58 0 117 44" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+    {{ _postnumber_text_paths() }}
+  </svg>
+{% endmacro %}
+
+{# Internal: LETRO text paths (in 0-70 × 0-17 coordinate space) #}
+{% macro _letro_text_paths() %}
+    <path d="M0 15.6898V0.339844H3.33V15.6898H0ZM0.670002 15.6898V12.8798H9.83V15.6898H0.670002Z" fill="#333333"/>
+    <path d="M11.8809 15.6898V0.339844H15.2309V15.6898H11.8809ZM14.1809 3.03984V0.339844H23.6509V3.03984H14.1809ZM14.1809 9.17984V6.68984H22.5509V9.17984H14.1809ZM14.1809 15.6898V12.9698H23.7209V15.6898H14.1809Z" fill="#333333"/>
+    <path d="M25.1699 3.14984V0.339844H37.6099V3.14984H25.1699ZM29.7099 15.6898V0.339844H33.0599V15.6898H29.7099Z" fill="#333333"/>
+    <path d="M39.7305 15.6898V0.339844H45.9605C46.8005 0.339844 47.5605 0.409844 48.2505 0.539844C48.9405 0.669844 49.5505 0.869843 50.0805 1.11984C50.6105 1.36984 51.0505 1.67984 51.4205 2.03984C51.7805 2.39984 52.0605 2.80984 52.2305 3.27984C52.4105 3.74984 52.5005 4.27984 52.5005 4.86984C52.5005 5.39984 52.4205 5.87984 52.2605 6.31984C52.1005 6.75984 51.8405 7.14984 51.5005 7.46984C51.1605 7.79984 50.7205 8.05984 50.2005 8.25984C49.6705 8.45984 49.0805 8.61984 48.4105 8.72984V9.04984C49.2205 9.13984 49.8505 9.32984 50.3205 9.60984C50.7905 9.88984 51.1505 10.2698 51.4305 10.7498C51.7005 11.2298 51.9405 11.8298 52.1405 12.5398L53.0705 15.6798H49.3705L48.6705 12.7998C48.5205 12.1798 48.3105 11.6898 48.0405 11.3298C47.7705 10.9698 47.4405 10.7198 47.0405 10.5698C46.6405 10.4198 46.1505 10.3498 45.5705 10.3498H43.0605V15.6798H39.7305V15.6898ZM43.0605 7.84984H45.7605C46.8105 7.84984 47.6205 7.64984 48.1905 7.23984C48.7605 6.83984 49.0405 6.21984 49.0405 5.37984C49.0405 4.53984 48.7805 3.89984 48.2505 3.49984C47.7205 3.09984 46.9205 2.88984 45.8305 2.88984H43.0605V7.83984V7.84984Z" fill="#333333"/>
+    <path d="M61.9693 16.01C60.8493 16.01 59.8493 15.84 58.9593 15.49C58.0693 15.14 57.3093 14.63 56.6893 13.95C56.0693 13.28 55.5993 12.45 55.2693 11.47C54.9493 10.49 54.7793 9.36 54.7793 8.07C54.7793 6.26 55.0893 4.76 55.7093 3.57C56.3293 2.38 57.1993 1.49 58.2993 0.900001C59.4093 0.300001 60.6693 0 62.0793 0C63.1593 0 64.1493 0.17 65.0293 0.52C65.9093 0.87 66.6693 1.38 67.2993 2.06C67.9293 2.74 68.4093 3.57 68.7493 4.57C69.0893 5.57 69.2593 6.71 69.2593 8C69.2593 9.29 69.0893 10.47 68.7393 11.47C68.3893 12.46 67.8993 13.3 67.2593 13.97C66.6193 14.64 65.8593 15.15 64.9593 15.49C64.0593 15.83 63.0593 16 61.9593 16L61.9693 16.01ZM62.0593 13.36C62.8793 13.36 63.5693 13.16 64.1293 12.76C64.6893 12.36 65.1093 11.77 65.4093 11C65.6993 10.23 65.8493 9.3 65.8493 8.2C65.8493 7.1 65.6993 6.08 65.4093 5.27C65.1093 4.46 64.6793 3.85 64.0993 3.42C63.5193 2.99 62.8193 2.78 61.9993 2.78C61.1793 2.78 60.5093 2.99 59.9393 3.4C59.3693 3.81 58.9393 4.41 58.6393 5.19C58.3393 5.97 58.1893 6.93 58.1893 8.06C58.1893 8.91 58.2793 9.67 58.4593 10.33C58.6393 10.99 58.8893 11.54 59.1993 11.98C59.5193 12.42 59.9193 12.76 60.4093 13C60.8993 13.24 61.4493 13.36 62.0693 13.36H62.0593Z" fill="#333333"/>
+{% endmacro %}
+
+{% macro letro_logo_text() %}
+  <svg width="70" height="17" viewBox="0 0 70 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+    {{ _letro_text_paths() }}
+  </svg>
+{% endmacro %}
+
+{% macro postnumber_logo() %}
+  <svg width="175" height="44" viewBox="0 0 175 44" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+    {{ _postnumber_text_paths() }}
+    {{ _icon_paths("pn") }}
+    <defs>
+      {{ _icon_defs_default("pn") }}
+    </defs>
+  </svg>
+{% endmacro %}
+
+{% macro letro_logo() %}
+  <svg width="112" height="32" viewBox="0 0 112 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+    <svg x="0" y="0" width="32" height="32" viewBox="0 0 44 44">
+      {{ _icon_paths("lt") }}
+      <defs>
+        {{ _icon_defs_letro("lt") }}
+      </defs>
+    </svg>
+    <svg x="42.6699" y="7.99" width="70" height="17" viewBox="0 0 70 17">
+      {{ _letro_text_paths() }}
+    </svg>
+  </svg>
+{% endmacro %}
+
+{% macro framed_logo() %}
+  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+    <rect width="64" height="64" rx="8" fill="#696B77" fill-opacity="0.08"/>
+    <svg x="10.5" y="10" width="44" height="44" viewBox="0 0 44 44">
+      {{ _icon_paths("fr") }}
+      <defs>
+        {{ _icon_defs_default("fr") }}
+      </defs>
+    </svg>
+  </svg>
+{% endmacro %}
\ No newline at end of file
diff --git a/templates/pages/device_link.html b/templates/pages/device_link.html
index 851b1bf96..bb55eb295 100644
--- a/templates/pages/device_link.html
+++ b/templates/pages/device_link.html
@@ -8,10 +8,12 @@ Please see LICENSE files in the repository root for full details.
 
 {% extends "base.html" %}
 
+{% import "components/brand_logo.html" as brand_logo %}
+
 {% block content %}
   <header class="page-heading">
-    <div class="icon">
-      {{ icon.link() }}
+    <div class="brand-logo">
+      {{ brand_logo.postnumber_logo() }}
     </div>
 
     <div class="header">
diff --git a/templates/pages/login.html b/templates/pages/login.html
index 57bccd03e..c3cbdf050 100644
--- a/templates/pages/login.html
+++ b/templates/pages/login.html
@@ -8,13 +8,14 @@ Please see LICENSE files in the repository root for full details.
 
 {% extends "base.html" %}
 
+{% import "components/brand_logo.html" as brand_logo %}
 {% from "components/idp_brand.html" import logo %}
 
 {% block content %}
-  <form method="POST" class="flex flex-col gap-10">
+  <form method="POST" class="login-page flex flex-col gap-10" data-disable-submit-until-valid>
     <header class="page-heading">
-      <div class="icon">
-        {{ icon.user_profile_solid() }}
+      <div class="brand-logo">
+        {{ brand_logo.postnumber_logo() }}
       </div>
 
       {% if next and next.kind == "link_upstream" %}
diff --git a/templates/pages/reauth.html b/templates/pages/reauth.html
index ddebaa595..a0b347989 100644
--- a/templates/pages/reauth.html
+++ b/templates/pages/reauth.html
@@ -8,10 +8,12 @@ Please see LICENSE files in the repository root for full details.
 
 {% extends "base.html" %}
 
+{% import "components/brand_logo.html" as brand_logo %}
+
 {% block content %}
   <header class="page-heading">
-    <div class="icon">
-      {{ icon.lock() }}
+    <div class="brand-logo">
+      {{ brand_logo.postnumber_logo() }}
     </div>
 
     <div class="header">
diff --git a/templates/pages/register/index.html b/templates/pages/register/index.html
index dc9fd61ec..6ac98251a 100644
--- a/templates/pages/register/index.html
+++ b/templates/pages/register/index.html
@@ -8,13 +8,14 @@ Please see LICENSE files in the repository root for full details.
 
 {% extends "base.html" %}
 
+{% import "components/brand_logo.html" as brand_logo %}
 {% from "components/idp_brand.html" import logo %}
 
 {% block content %}
   <form method="GET" class="flex flex-col gap-10" action="{{ '/register/password' | prefix_url }}">
     <header class="page-heading">
-      <div class="icon">
-        {{ icon.user_profile_solid() }}
+      <div class="brand-logo">
+        {{ brand_logo.letro_logo() }}
       </div>
 
       <div class="header">
diff --git a/templates/pages/register/password.html b/templates/pages/register/password.html
index f1a77efad..8d01c4c0e 100644
--- a/templates/pages/register/password.html
+++ b/templates/pages/register/password.html
@@ -8,10 +8,12 @@ Please see LICENSE files in the repository root for full details.
 
 {% extends "base.html" %}
 
+{% import "components/brand_logo.html" as brand_logo %}
+
 {% block content %}
   <header class="page-heading">
-    <div class="icon">
-      {{ icon.user_profile_solid() }}
+    <div class="brand-logo">
+      {{ brand_logo.letro_logo() }}
     </div>
 
     <div class="header">
diff --git a/templates/pages/upstream_oauth2/do_register.html b/templates/pages/upstream_oauth2/do_register.html
index bab1d340e..7db4fe3c5 100644
--- a/templates/pages/upstream_oauth2/do_register.html
+++ b/templates/pages/upstream_oauth2/do_register.html
@@ -8,13 +8,14 @@ Please see LICENSE files in the repository root for full details.
 
 {% extends "base.html" %}
 
+{% import "components/brand_logo.html" as brand_logo %}
 {% from "components/idp_brand.html" import logo %}
 
 {% block content %}
   {% if force_localpart %}
     <header class="page-heading">
-      <div class="icon">
-        {{ icon.download() }}
+      <div class="brand-logo">
+        {{ brand_logo.framed_logo() }}
       </div>
 
       <div class="header">
@@ -28,8 +29,8 @@ Please see LICENSE files in the repository root for full details.
     </header>
   {% elif upstream_oauth_provider.human_name is not none %}
     <header class="page-heading">
-      <div class="icon">
-        {{ icon.user_profile_solid() }}
+      <div class="brand-logo">
+        {{ brand_logo.framed_logo() }}
       </div>
 
       <div class="header">
@@ -40,8 +41,8 @@ Please see LICENSE files in the repository root for full details.
     </header>
   {% else %}
     <header class="page-heading">
-      <div class="icon">
-        {{ icon.mention() }}
+      <div class="brand-logo">
+        {{ brand_logo.framed_logo() }}
       </div>
 
       <div class="header">
diff --git a/templates/pages/upstream_oauth2/suggest_link.html b/templates/pages/upstream_oauth2/suggest_link.html
index 2dd2bb0ec..b359adbd1 100644
--- a/templates/pages/upstream_oauth2/suggest_link.html
+++ b/templates/pages/upstream_oauth2/suggest_link.html
@@ -8,10 +8,12 @@ Please see LICENSE files in the repository root for full details.
 
 {% extends "base.html" %}
 
+{% import "components/brand_logo.html" as brand_logo %}
+
 {% block content %}
   <header class="page-heading">
-    <div class="icon">
-      {{ icon.link() }}
+    <div class="brand-logo">
+      {{ brand_logo.postnumber_logo() }}
     </div>
 
     <div class="header">
