diff --git a/frontend/public/assets/imgs/gnexus-mark.svg b/frontend/public/assets/imgs/gnexus-mark.svg
new file mode 100644
index 0000000..fd5ad7c
--- /dev/null
+++ b/frontend/public/assets/imgs/gnexus-mark.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title">
+  <title id="title">GNexus UI Kit</title>
+  <rect width="64" height="64" rx="10" fill="#16161E"/>
+  <path d="M44 15A20 20 0 1 0 44 49" fill="none" stroke="#C0CAF5" stroke-width="7"/>
+  <path d="M33 32h17" fill="none" stroke="#C0CAF5" stroke-width="7"/>
+  <rect x="43" y="27" width="10" height="10" fill="#C0CAF5"/>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 7aa025c..f6394a6 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,6 +1,39 @@
 <script setup>
+// Каркас приложения — GnNavigationShell из gnexus-ui-kit: topbar + drawer + footer.
+// Страницы входа/отсечения идут без каркаса (meta.bare в роутере).
+import { computed } from "vue";
+import { useRoute } from "vue-router";
+import { GnNavigationShell } from "gnexus-ui-kit/vue";
+
+const route = useRoute();
+
+// Пока в Synapse одна секция — «Обзор»; новые секции добавляются сюда и в router.js.
+const items = [
+  { to: "/dashboard", label: "Обзор", icon: "ph-pulse" },
+];
+
+const currents = {
+  "/dashboard": "Обзор",
+};
+const current = computed(() => currents[route.path] || "");
+
+const bare = computed(() => Boolean(route.meta.bare));
 </script>
 
 <template>
-  <RouterView />
+  <GnNavigationShell
+    v-if="!bare"
+    :items="items"
+    brand="Synapse"
+    title="Synapse"
+    subtitle="Хаб уведомлений Gnexus"
+    :current="current"
+    footer-left="Gnexus Synapse"
+    footer-right="© GNexus"
+  >
+    <template #content>
+      <RouterView />
+    </template>
+  </GnNavigationShell>
+  <RouterView v-else />
 </template>
\ No newline at end of file
diff --git a/frontend/src/router.js b/frontend/src/router.js
index 3b7c6a0..b2d2732 100644
--- a/frontend/src/router.js
+++ b/frontend/src/router.js
@@ -12,9 +12,10 @@
   history: createWebHistory(),
   routes: [
     { path: "/", redirect: "/dashboard" },
-    { path: "/login", component: LoginView },
-    { path: "/denied", component: DeniedView },
-    { path: "/oauth/callback", component: OauthCallbackView },
+    // bare — страницы без каркаса GnNavigationShell (см. App.vue)
+    { path: "/login", component: LoginView, meta: { bare: true } },
+    { path: "/denied", component: DeniedView, meta: { bare: true } },
+    { path: "/oauth/callback", component: OauthCallbackView, meta: { bare: true } },
     {
       path: "/dashboard",
       component: DashboardView,
diff --git a/frontend/src/views/DashboardView.vue b/frontend/src/views/DashboardView.vue
index 8994130..236c391 100644
--- a/frontend/src/views/DashboardView.vue
+++ b/frontend/src/views/DashboardView.vue
@@ -1,16 +1,13 @@
 <script setup>
+// Обзор: состояние сервиса и вход. Контент живёт внутри каркаса
+// GnNavigationShell (App.vue) — здесь только страница, не весь UI.
 import { onMounted, onUnmounted, ref } from "vue";
 import { useRouter } from "vue-router";
-import { GnButton, GnMetricCard, GnStatusCard, GnLoader } from "gnexus-ui-kit/vue";
+import { GnButton, GnMetricCard, GnStatusCard, GnLoader, GnPageHeader } from "gnexus-ui-kit/vue";
 import { adminMe, clearToken, healthz, logout } from "../api.js";
 
 const router = useRouter();
 
-async function signOut() {
-  await logout();
-  router.push("/login");
-}
-
 const me = ref(null);
 const health = ref(null);
 const error = ref(true); // пока не загружено — показать лоадер, не ошибку
@@ -47,11 +44,20 @@
 onUnmounted(() => {
   if (heartbeatTimer) clearInterval(heartbeatTimer);
 });
+
+async function signOut() {
+  await logout();
+  router.push("/login");
+}
 </script>
 
 <template>
-  <div class="dash">
-    <h2 class="page-title">Обзор</h2>
+  <main class="container page">
+    <GnPageHeader kicker="Synapse" title="Обзор" subtitle="Состояние хаба уведомлений">
+      <template #actions>
+        <GnButton variant="secondary" icon="ph-sign-out" @click="signOut">Выйти</GnButton>
+      </template>
+    </GnPageHeader>
 
     <GnLoader v-if="error === true" />
     <GnStatusCard v-else-if="typeof error === 'string'" variant="error" icon="ph-warning-circle" :text="error" />
@@ -67,21 +73,20 @@
         title="Каркас"
         text="Дальше: схема БД (#34), API событий (#32), Ingestion (#31), Routing Engine (#30), доставки (#29, #28)."
       />
-      <GnButton variant="secondary" icon="ph-sign-out" @click="signOut">Выйти</GnButton>
     </template>
-  </div>
+  </main>
 </template>
 
 <style scoped>
+.page {
+  padding-block: var(--gn-space-6);
+  display: flex;
+  flex-direction: column;
+  gap: var(--gn-space-4);
+}
 .metrics {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
   gap: var(--gn-space-4);
 }
-.page-title {
-  font-size: var(--gn-font-size-lg);
-  font-weight: var(--gn-font-weight-bold);
-  text-transform: uppercase;
-  margin-bottom: var(--gn-space-4);
-}
 </style>
\ No newline at end of file