diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
index b000c8c..f7c45c0 100644
--- a/frontend/src/views/LoginView.vue
+++ b/frontend/src/views/LoginView.vue
@@ -2,6 +2,10 @@
 // Вход — SSO gnexus-auth целиком на сервере (/auth/login -> /auth/callback).
 // Никакой работы с токенами в UI: сервер сам строит PKCE, проверяет роль
 // и возвращает только уже отрезанного админа.
+//
+// Паттерн — «navi-style sign-in gate» как на creds.gnexus.space:
+// полноэкранный центр с карточкой (article.card), логотип, заголовок,
+// подзаголовок и одна кнопка; OAuth стартует только по клику.
 import { GnButton } from "gnexus-ui-kit/vue";
 
 function startSso() {
@@ -10,44 +14,46 @@
 </script>
 
 <template>
-  <div class="login-page">
-    <div class="login-panel">
-      <h2 class="login-title">Synapse Admin</h2>
-      <p class="login-note">
-        Вход через единую систему gnexus-auth. Доступ — только роли admin и выше.
-      </p>
+  <div class="login-screen">
+    <article class="card login-screen-card">
+      <img src="/assets/imgs/gnexus-mark.svg" alt="" class="login-screen-logo" />
+      <h1 class="login-screen-title">Добро пожаловать в Synapse</h1>
+      <p class="login-screen-subtitle">Войдите, чтобы получить доступ к хабу уведомлений</p>
       <GnButton variant="primary" icon="ph-sign-in" @click="startSso">
-        Войти через gnexus-auth
+        Войти через GNEXUS
       </GnButton>
-    </div>
+    </article>
   </div>
 </template>
 
 <style scoped>
-.login-page {
+/* navi-style sign-in gate, как в gnexus-creds: центрированная карточка,
+   единственная кнопка; OAuth начинается с клика, не с загрузки страницы.
+   Пиксели creds переведены на шкалу токенов кита (--gn-space-*). */
+.login-screen {
   min-height: 100vh;
-  display: grid;
-  place-items: center;
-  padding: var(--gn-space-4);
-}
-.login-panel {
-  background: var(--gn-surface-panel-muted);
-  border: var(--gn-border-width-base) var(--gn-border-style-base) var(--gn-border-color-muted);
-  border-left-width: var(--gn-border-width-accent);
-  padding: var(--gn-space-6);
   display: flex;
-  flex-direction: column;
-  gap: var(--gn-space-4);
-  max-width: 420px;
+  align-items: center;
+  justify-content: center;
+  padding: var(--gn-space-6);
+}
+.login-screen-card {
   width: 100%;
+  max-width: 380px;
+  padding: var(--gn-space-9) var(--gn-space-8);
+  text-align: center;
+  min-width: 0;
 }
-.login-title {
-  font-size: var(--gn-font-size-lg);
-  font-weight: var(--gn-font-weight-bold);
-  text-transform: uppercase;
+.login-screen-logo {
+  width: 56px;
+  height: 56px;
+  margin: 0 auto var(--gn-space-5);
+  display: block;
 }
-.login-note {
-  font-size: var(--gn-font-size-xs);
-  color: var(--gn-color-text-medium);
+.login-screen-title {
+  margin-bottom: var(--gn-space-1);
+}
+.login-screen-subtitle {
+  margin-bottom: var(--gn-space-6);
 }
 </style>
\ No newline at end of file