diff --git a/apps/frontend/public/logo-icon.png b/apps/frontend/public/logo-icon.png
new file mode 100644
index 0000000..d3bdc53
Binary files /dev/null and b/apps/frontend/public/logo-icon.png differ
diff --git a/apps/frontend/public/logo.png b/apps/frontend/public/logo.png
deleted file mode 100644
index e5e41b2..0000000
Binary files a/apps/frontend/public/logo.png and /dev/null differ
diff --git a/apps/frontend/src/app/features/auth/change-password/change-password.html b/apps/frontend/src/app/features/auth/change-password/change-password.html
index 1b30b1a..43e1d13 100644
--- a/apps/frontend/src/app/features/auth/change-password/change-password.html
+++ b/apps/frontend/src/app/features/auth/change-password/change-password.html
@@ -1,7 +1,7 @@
 <div class="auth-page">
   <form class="auth-card-wrapper" [formGroup]="form" (ngSubmit)="onSubmit()">
     <ev-card>
-      <img src="/logo.png" alt="EnerVision" class="auth-logo" />
+      <ev-brand class="auth-brand" />
       <h1>Nouveau mot de passe</h1>
       <p class="auth-subtitle">Votre mot de passe est provisoire, vous devez le modifier avant de continuer</p>
 
diff --git a/apps/frontend/src/app/features/auth/change-password/change-password.scss b/apps/frontend/src/app/features/auth/change-password/change-password.scss
index 78ab131..ffbc5f8 100644
--- a/apps/frontend/src/app/features/auth/change-password/change-password.scss
+++ b/apps/frontend/src/app/features/auth/change-password/change-password.scss
@@ -5,10 +5,11 @@ ev-card {
     0 8px 10px -6px rgba(0, 0, 0, 0.04);
 }
 
-.auth-logo {
-  display: block;
-  height: 96px;
-  margin: 0 auto 1.5rem;
+.auth-brand {
+  justify-content: center;
+  width: 100%;
+  font-size: 2.1rem;
+  margin-bottom: 1.75rem;
 }
 
 h1 {
diff --git a/apps/frontend/src/app/features/auth/change-password/change-password.ts b/apps/frontend/src/app/features/auth/change-password/change-password.ts
index 1acf568..ec6f32d 100644
--- a/apps/frontend/src/app/features/auth/change-password/change-password.ts
+++ b/apps/frontend/src/app/features/auth/change-password/change-password.ts
@@ -5,11 +5,12 @@ import { AuthService } from '../../../core/services/auth.service';
 import { Button } from '../../../shared/components/ui/button/button';
 import { Card } from '../../../shared/components/ui/card/card';
 import { Alert } from '../../../shared/components/ui/alert/alert';
+import { Brand } from '../../../shared/components/ui/brand/brand';
 
 @Component({
   selector: 'app-change-password',
   standalone: true,
-  imports: [ReactiveFormsModule, Button, Card, Alert],
+  imports: [ReactiveFormsModule, Button, Card, Alert, Brand],
   templateUrl: './change-password.html',
   styleUrl: './change-password.scss',
 })
diff --git a/apps/frontend/src/app/features/auth/login/login.html b/apps/frontend/src/app/features/auth/login/login.html
index c18a054..f08b407 100644
--- a/apps/frontend/src/app/features/auth/login/login.html
+++ b/apps/frontend/src/app/features/auth/login/login.html
@@ -1,7 +1,7 @@
 <div class="auth-page">
   <form class="auth-card-wrapper" [formGroup]="form" (ngSubmit)="onSubmit()">
     <ev-card>
-      <img src="/logo.png" alt="EnerVision" class="auth-logo" />
+      <ev-brand class="auth-brand" />
       <h1>Connexion</h1>
       <p class="auth-subtitle">Accédez à votre espace EnerVision</p>
 
diff --git a/apps/frontend/src/app/features/auth/login/login.scss b/apps/frontend/src/app/features/auth/login/login.scss
index bef0976..50921f3 100644
--- a/apps/frontend/src/app/features/auth/login/login.scss
+++ b/apps/frontend/src/app/features/auth/login/login.scss
@@ -5,10 +5,11 @@ ev-card {
     0 8px 10px -6px rgba(0, 0, 0, 0.04);
 }
 
-.auth-logo {
-  display: block;
-  height: 96px;
-  margin: 0 auto 1.5rem;
+.auth-brand {
+  justify-content: center;
+  width: 100%;
+  font-size: 2.1rem;
+  margin-bottom: 1.75rem;
 }
 
 h1 {
diff --git a/apps/frontend/src/app/features/auth/login/login.ts b/apps/frontend/src/app/features/auth/login/login.ts
index ea8f62f..ebac356 100644
--- a/apps/frontend/src/app/features/auth/login/login.ts
+++ b/apps/frontend/src/app/features/auth/login/login.ts
@@ -6,11 +6,12 @@ import { AuthService } from '../../../core/services/auth.service';
 import { Button } from '../../../shared/components/ui/button/button';
 import { Card } from '../../../shared/components/ui/card/card';
 import { Alert } from '../../../shared/components/ui/alert/alert';
+import { Brand } from '../../../shared/components/ui/brand/brand';
 
 @Component({
   selector: 'app-login',
   standalone: true,
-  imports: [ReactiveFormsModule, Button, Card, Alert],
+  imports: [ReactiveFormsModule, Button, Card, Alert, Brand],
   templateUrl: './login.html',
   styleUrl: './login.scss',
 })
diff --git a/apps/frontend/src/app/features/dashboard/dashboard.html b/apps/frontend/src/app/features/dashboard/dashboard.html
index fe51bae..40dd995 100644
--- a/apps/frontend/src/app/features/dashboard/dashboard.html
+++ b/apps/frontend/src/app/features/dashboard/dashboard.html
@@ -1,7 +1,7 @@
 <div class="dashboard">
   <header class="dashboard__header">
     <div class="dashboard__brand">
-      <img src="/logo.png" alt="EnerVision" class="dashboard__logo" />
+      <ev-brand class="dashboard__logo" />
       <div>
         <h1>Vue d'ensemble</h1>
         <p class="dashboard__subtitle">Consommation instantanée du parc</p>
diff --git a/apps/frontend/src/app/features/dashboard/dashboard.scss b/apps/frontend/src/app/features/dashboard/dashboard.scss
index 0d138af..30b8788 100644
--- a/apps/frontend/src/app/features/dashboard/dashboard.scss
+++ b/apps/frontend/src/app/features/dashboard/dashboard.scss
@@ -26,8 +26,7 @@
 }
 
 .dashboard__logo {
-  height: 48px;
-  width: auto;
+  font-size: 1.3rem;
 }
 
 .dashboard__subtitle {
diff --git a/apps/frontend/src/app/features/dashboard/dashboard.ts b/apps/frontend/src/app/features/dashboard/dashboard.ts
index 28bc37e..57160ab 100644
--- a/apps/frontend/src/app/features/dashboard/dashboard.ts
+++ b/apps/frontend/src/app/features/dashboard/dashboard.ts
@@ -13,6 +13,7 @@ import { Alert, AlertSeverity } from '../../shared/models/alert.model';
 import { Card } from '../../shared/components/ui/card/card';
 import { Alert as EvAlert } from '../../shared/components/ui/alert/alert';
 import { Badge, BadgeTone } from '../../shared/components/ui/badge/badge';
+import { Brand } from '../../shared/components/ui/brand/brand';
 
 const REFRESH_INTERVAL_MS = 10000;
 const UNAVAILABLE_MESSAGE =
@@ -28,7 +29,7 @@ const TON_PAR_SEVERITE: Record<AlertSeverity, BadgeTone> = {
 @Component({
   selector: 'app-dashboard',
   standalone: true,
-  imports: [DecimalPipe, ConsumptionGauge, SiteLoadChart, Card, EvAlert, Badge],
+  imports: [DecimalPipe, ConsumptionGauge, SiteLoadChart, Card, EvAlert, Badge, Brand],
   templateUrl: './dashboard.html',
   styleUrl: './dashboard.scss',
 })
diff --git a/apps/frontend/src/app/shared/components/ui/brand/brand.html b/apps/frontend/src/app/shared/components/ui/brand/brand.html
new file mode 100644
index 0000000..7c4e599
--- /dev/null
+++ b/apps/frontend/src/app/shared/components/ui/brand/brand.html
@@ -0,0 +1,2 @@
+<img src="/logo-icon.png" alt="" class="ev-brand__icon" />
+<span class="ev-brand__name">EnerVision</span>
diff --git a/apps/frontend/src/app/shared/components/ui/brand/brand.scss b/apps/frontend/src/app/shared/components/ui/brand/brand.scss
new file mode 100644
index 0000000..3303909
--- /dev/null
+++ b/apps/frontend/src/app/shared/components/ui/brand/brand.scss
@@ -0,0 +1,19 @@
+:host {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45em;
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: var(--color-text);
+  line-height: 1;
+}
+
+.ev-brand__icon {
+  height: 1.3em;
+  width: auto;
+  flex-shrink: 0;
+}
+
+.ev-brand__name {
+  white-space: nowrap;
+}
diff --git a/apps/frontend/src/app/shared/components/ui/brand/brand.spec.ts b/apps/frontend/src/app/shared/components/ui/brand/brand.spec.ts
new file mode 100644
index 0000000..7a6b16f
--- /dev/null
+++ b/apps/frontend/src/app/shared/components/ui/brand/brand.spec.ts
@@ -0,0 +1,14 @@
+import { TestBed } from '@angular/core/testing';
+import { Brand } from './brand';
+
+describe('Brand', () => {
+  it("affiche l'icône et le nom EnerVision", async () => {
+    await TestBed.configureTestingModule({ imports: [Brand] }).compileComponents();
+    const fixture = TestBed.createComponent(Brand);
+    fixture.detectChanges();
+
+    const icon = fixture.nativeElement.querySelector('img.ev-brand__icon');
+    expect(icon).toBeTruthy();
+    expect(fixture.nativeElement.textContent).toContain('EnerVision');
+  });
+});
diff --git a/apps/frontend/src/app/shared/components/ui/brand/brand.ts b/apps/frontend/src/app/shared/components/ui/brand/brand.ts
new file mode 100644
index 0000000..55f5706
--- /dev/null
+++ b/apps/frontend/src/app/shared/components/ui/brand/brand.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'ev-brand',
+  standalone: true,
+  templateUrl: './brand.html',
+  styleUrl: './brand.scss',
+})
+export class Brand {}
diff --git a/docs/architecture/32-design-systeme-frontend.md b/docs/architecture/32-design-systeme-frontend.md
index a196181..ad47a81 100644
--- a/docs/architecture/32-design-systeme-frontend.md
+++ b/docs/architecture/32-design-systeme-frontend.md
@@ -60,19 +60,27 @@ dans le tableau `imports` du composant qui l'utilise.
   ```html
   <ev-badge tone="danger">critique</ev-badge>
   ```
+- **`<ev-brand>`** (`brand/`) : lockup icône + « EnerVision », sans input. La taille se pilote
+  entièrement via `font-size` (l'icône et le texte sont exprimés en `em`, donc ils grossissent
+  ensemble en gardant le même écart proportionnel) : une page l'agrandit simplement avec
+  `ev-brand { font-size: 2.1rem; }`. Ne pas recomposer icône + texte en une seule image bitmap :
+  un essai en ce sens (recadrage pixel de l'asset source) a produit un rendu bruité et un espacement
+  figé, impossible à ajuster proprement.
+  ```html
+  <ev-brand />
+  ```
 
 ## Logo
 
-`apps/frontend/public/logo.png` (192×128, recadré et compressé depuis l'asset source du projet)
-est affiché en en-tête des pages d'authentification et du tableau de bord :
-```html
-<img src="logo.png" alt="EnerVision" class="auth-logo" />
-```
-Le favicon reste `apps/frontend/public/favicon.ico` (non remplacé par ce chantier).
+L'icône seule (sans le mot-symbole), recadrée depuis l'asset source du projet, vit à deux
+endroits qui doivent rester synchronisés si le logo change un jour :
+`apps/frontend/public/logo-icon.png` (utilisée par `<ev-brand>`) et
+`apps/backend/app/static/logo-icon.png` (référencée par `/docs`, favicon Swagger, et `/redoc` via
+l'extension `x-logo` du schéma OpenAPI, voir `app/main.py`). Le mot-symbole « EnerVision » n'est
+jamais une image : c'est le texte du composant `<ev-brand>`, en police système.
 
-Côté backend, l'icône seule (sans le mot-symbole) est servie depuis
-`apps/backend/app/static/logo-icon.png` et référencée par `/docs` (favicon Swagger) et `/redoc`
-(logo natif via l'extension `x-logo` du schéma OpenAPI, voir `app/main.py`).
+Le favicon `apps/frontend/public/favicon.ico` est généré depuis la même icône (multi-tailles
+16 à 256px).
 
 ## Règle pour toute nouvelle page