diff --git a/app/modules/managers/templates/managers/_manager_tabs.html b/app/modules/managers/templates/managers/_manager_tabs.html
index 21fc760..d11f914 100644
--- a/app/modules/managers/templates/managers/_manager_tabs.html
+++ b/app/modules/managers/templates/managers/_manager_tabs.html
@@ -1,12 +1,2 @@
-{% set manager_path = request.url.path %}
-<div class="mb-6 overflow-x-auto rounded-2xl border border-slate-200 bg-white p-2 shadow-soft">
-  <div class="flex min-w-max items-center gap-2">
-    <a href="/manager/dashboard" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path == '/manager/dashboard' %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Overview</a>
-    <a href="/manager/work" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/manager/work') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Team Work Board</a>
-    <a href="/employees/work" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/employees/work') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Detailed Allocation</a>
-    <a href="/employees/progress" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/employees/progress') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Engagement Progress</a>
-    <a href="/employees/attendance" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/employees/attendance') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Team Attendance</a>
-    <a href="/employees/leave" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/employees/leave') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Team Leave</a>
-    <a href="/alerts" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/alerts') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">My Alert</a>
-  </div>
-</div>
+{# UI/UX V2 Phase 1D — Manager pilot. Existing URLs and route protection are preserved in the shared component. #}
+{% include "ui/templates/components/manager_navigation_v2.html" %}
diff --git a/app/modules/partners/templates/partners/_partner_tabs.html b/app/modules/partners/templates/partners/_partner_tabs.html
index 5d9a71c..10d475d 100644
--- a/app/modules/partners/templates/partners/_partner_tabs.html
+++ b/app/modules/partners/templates/partners/_partner_tabs.html
@@ -1,12 +1,2 @@
-{% set path = request.url.path %}
-<div class="mb-6 overflow-x-auto rounded-2xl border border-slate-200 bg-white p-2 shadow-soft">
-  <div class="flex min-w-max gap-2 text-sm font-medium">
-    <a href="/partner/dashboard" class="rounded-xl px-4 py-2 transition {% if path == '/partner/dashboard' %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Overview</a>
-    <a href="/partner/reviews" class="rounded-xl px-4 py-2 transition {% if path.startswith('/partner/reviews') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Review Board</a>
-    <a href="/partner/clients" class="rounded-xl px-4 py-2 transition {% if path.startswith('/partner/clients') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">My Clients</a>
-    <a href="/services/engagements" class="rounded-xl px-4 py-2 text-slate-700 transition hover:bg-slate-100">Engagements</a>
-    <a href="/documents" class="rounded-xl px-4 py-2 text-slate-700 transition hover:bg-slate-100">Documents</a>
-    <a href="/billing" class="rounded-xl px-4 py-2 text-slate-700 transition hover:bg-slate-100">Billing</a>
-    <a href="/alerts" class="rounded-xl px-4 py-2 transition {% if path.startswith('/alerts') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">My Alert</a>
-  </div>
-</div>
+{# UI/UX V2 Phase 1D — Partner pilot. Existing URLs and route protection are preserved in the shared component. #}
+{% include "ui/templates/components/partner_navigation_v2.html" %}
diff --git a/app/ui/templates/components/manager_navigation_v2.html b/app/ui/templates/components/manager_navigation_v2.html
new file mode 100644
index 0000000..ff07a74
--- /dev/null
+++ b/app/ui/templates/components/manager_navigation_v2.html
@@ -0,0 +1,59 @@
+{#
+  UI/UX V2 Phase 1D — Manager pilot navigation
+
+  Presentation-only replacement for the existing manager tab strip.
+  Existing URLs, route protection, dashboard content, forms and page actions
+  are unchanged.
+#}
+{% set _manager_path = request.url.path %}
+{% set navigation_aria_label_v2 = 'Manager workspace navigation' %}
+{% set navigation_items_v2 = [
+  {
+    'label': 'Dashboard',
+    'url': '/manager/dashboard',
+    'visible': true,
+    'active': _manager_path == '/manager/dashboard'
+  },
+  {
+    'label': 'Team Work Board',
+    'url': '/manager/work',
+    'visible': true,
+    'active': _manager_path.startswith('/manager/work')
+  },
+  {
+    'label': 'Detailed Allocation',
+    'url': '/employees/work',
+    'visible': true,
+    'active': _manager_path.startswith('/employees/work')
+  },
+  {
+    'label': 'Engagement Progress',
+    'url': '/employees/progress',
+    'visible': true,
+    'active': _manager_path.startswith('/employees/progress')
+  },
+  {
+    'label': 'Team Attendance',
+    'url': '/employees/attendance',
+    'visible': true,
+    'active': _manager_path.startswith('/employees/attendance')
+  },
+  {
+    'label': 'Team Leave',
+    'url': '/employees/leave',
+    'visible': true,
+    'active': _manager_path.startswith('/employees/leave')
+  },
+  {
+    'label': 'Alerts',
+    'url': '/alerts',
+    'visible': true,
+    'active': _manager_path.startswith('/alerts'),
+    'badge': unread_alert_count if unread_alert_count is defined and unread_alert_count > 0 else none
+  }
+] %}
+
+<div class="mb-6 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-soft" data-uiux-v2-pilot="manager">
+  {% include "ui/templates/components/navigation_v2.html" %}
+  {% include "ui/templates/components/mobile_navigation_v2.html" %}
+</div>
diff --git a/app/ui/templates/components/partner_navigation_v2.html b/app/ui/templates/components/partner_navigation_v2.html
new file mode 100644
index 0000000..c91fa74
--- /dev/null
+++ b/app/ui/templates/components/partner_navigation_v2.html
@@ -0,0 +1,59 @@
+{#
+  UI/UX V2 Phase 1D — Partner pilot navigation
+
+  Presentation-only replacement for the existing partner tab strip.
+  Existing URLs, route protection, dashboard content, forms and page actions
+  are unchanged.
+#}
+{% set _partner_path = request.url.path %}
+{% set navigation_aria_label_v2 = 'Partner workspace navigation' %}
+{% set navigation_items_v2 = [
+  {
+    'label': 'Dashboard',
+    'url': '/partner/dashboard',
+    'visible': true,
+    'active': _partner_path == '/partner/dashboard'
+  },
+  {
+    'label': 'Review Board',
+    'url': '/partner/reviews',
+    'visible': true,
+    'active': _partner_path.startswith('/partner/reviews')
+  },
+  {
+    'label': 'My Clients',
+    'url': '/partner/clients',
+    'visible': true,
+    'active': _partner_path.startswith('/partner/clients')
+  },
+  {
+    'label': 'Engagements',
+    'url': '/services/engagements',
+    'visible': true,
+    'active': _partner_path.startswith('/services/engagements')
+  },
+  {
+    'label': 'Documents',
+    'url': '/documents',
+    'visible': true,
+    'active': _partner_path.startswith('/documents')
+  },
+  {
+    'label': 'Billing',
+    'url': '/billing',
+    'visible': true,
+    'active': _partner_path.startswith('/billing')
+  },
+  {
+    'label': 'Alerts',
+    'url': '/alerts',
+    'visible': true,
+    'active': _partner_path.startswith('/alerts'),
+    'badge': unread_alert_count if unread_alert_count is defined and unread_alert_count > 0 else none
+  }
+] %}
+
+<div class="mb-6 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-soft" data-uiux-v2-pilot="partner">
+  {% include "ui/templates/components/navigation_v2.html" %}
+  {% include "ui/templates/components/mobile_navigation_v2.html" %}
+</div>