diff --git a/maxkey-web-frontend/maxkey-web-app/src/app/layout/basic/basic.component.ts b/maxkey-web-frontend/maxkey-web-app/src/app/layout/basic/basic.component.ts
index 22485213..a9b74013 100644
--- a/maxkey-web-frontend/maxkey-web-app/src/app/layout/basic/basic.component.ts
+++ b/maxkey-web-frontend/maxkey-web-app/src/app/layout/basic/basic.component.ts
@@ -39,8 +39,12 @@ import { LayoutDefaultOptions } from '../../theme/layout-default';
     <layout-default [options]="options" [asideUser]="asideUserTpl" [content]="contentTpl" [customError]="null">
       <layout-default-header-item direction="left" *ngIf="!inst.custom">
         <a href="#">
-          <img src="./assets/logo.jpg" alt="logo" style="height: 50px;height: 50px;float: left;" />
-          <div class="alain-default__header-title"> Max<span style="color: #FFD700;">Key</span>{{ 'mxk.title' | i18n }} </div>
+          <img src="./assets/logo.png" alt="logo" style="height: 50px;height: 50px;float: left;" />
+          <div class="alain-default__header-title">
+            <span style="color: #000099;">Max</span>
+            <span style="color: #FFD700;">Key</span>
+            {{ 'mxk.title' | i18n }}
+          </div>
         </a>
       </layout-default-header-item>
 
@@ -149,5 +153,5 @@ export class LayoutBasicComponent implements OnInit {
       });
     }
   }
-  constructor(private authnService: AuthnService, private settingsService: SettingsService, private router: Router) { }
+  constructor(private authnService: AuthnService, private settingsService: SettingsService, private router: Router) {}
 }
diff --git a/maxkey-web-frontend/maxkey-web-app/src/app/layout/passport/passport.component.html b/maxkey-web-frontend/maxkey-web-app/src/app/layout/passport/passport.component.html
index 10014c91..22b94cf2 100644
--- a/maxkey-web-frontend/maxkey-web-app/src/app/layout/passport/passport.component.html
+++ b/maxkey-web-frontend/maxkey-web-app/src/app/layout/passport/passport.component.html
@@ -2,11 +2,15 @@
   <div nz-row style="border-bottom: 1px solid #e5e5e5; min-height: 60px; text-shadow: 0 1px 0 #fff">
     <div nz-col nzMd="2"></div>
     <div nz-col nzMd="2" style="text-align: right">
-      <img *ngIf="!inst.custom" style="margin-top: 6px" class="logo" src="./assets/logo.jpg" />
+      <img *ngIf="!inst.custom" style="margin-top: 6px" class="logo" src="./assets/logo.png" />
       <img *ngIf="inst.custom" style="margin-top: 6px" class="logo" src="{{ inst.logo }}" />
     </div>
     <div nz-col nzMd="10">
-      <div *ngIf="!inst.custom" class="title">Max<span style="color: #ffd700">Key</span>{{ 'mxk.title' | i18n }}</div>
+      <div *ngIf="!inst.custom" class="title">
+        <span style="color: #000099">Max</span>
+        <span style="color: #ffd700">Key</span>
+        {{ 'mxk.title' | i18n }}
+      </div>
       <div *ngIf="inst.custom" class="title">{{ inst.title }}</div>
     </div>
     <div nz-col nzMd="6"></div>
diff --git a/maxkey-web-frontend/maxkey-web-app/src/assets/logo.png b/maxkey-web-frontend/maxkey-web-app/src/assets/logo.png
new file mode 100644
index 00000000..764dd5a9
Binary files /dev/null and b/maxkey-web-frontend/maxkey-web-app/src/assets/logo.png differ
diff --git a/maxkey-web-frontend/maxkey-web-app/src/favicon.ico b/maxkey-web-frontend/maxkey-web-app/src/favicon.ico
index 51f280f3..485a4a4a 100644
Binary files a/maxkey-web-frontend/maxkey-web-app/src/favicon.ico and b/maxkey-web-frontend/maxkey-web-app/src/favicon.ico differ
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/layout/basic/basic.component.ts b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/layout/basic/basic.component.ts
index f3b15df0..d181e66e 100644
--- a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/layout/basic/basic.component.ts
+++ b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/layout/basic/basic.component.ts
@@ -37,7 +37,7 @@ import { LayoutDefaultOptions } from '../../theme/layout-default';
     <layout-default [options]="options" [asideUser]="asideUserTpl" [content]="contentTpl" [customError]="null">
       <layout-default-header-item direction="left" *ngIf="!inst.custom">
         <a href="#">
-          <img src="./assets/logo.jpg" alt="logo" style="height: 50px;height: 50px;float: left;" />
+          <img src="./assets/logo.png" alt="logo" style="height: 50px;height: 50px;float: left;" />
           <div
             class="alain-default__nav-item_title"
             style="letter-spacing: 2px;
@@ -46,7 +46,9 @@ import { LayoutDefaultOptions } from '../../theme/layout-default';
               width: 450px;
               margin-top: 12px;"
           >
-            Max<span style="color: #FFD700;">Key</span>{{ 'mxk.title' | i18n }}
+            <span style="color: #000099;">Max</span>
+            <span style="color: #FFD700;">Key</span>
+            {{ 'mxk.title' | i18n }}
           </div>
         </a>
       </layout-default-header-item>
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/layout/passport/passport.component.html b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/layout/passport/passport.component.html
index 02cd3f25..f0db3303 100644
--- a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/layout/passport/passport.component.html
+++ b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/layout/passport/passport.component.html
@@ -2,11 +2,14 @@
   <div nz-row style="border-bottom: 1px solid #e5e5e5; min-height: 60px; text-shadow: 0 1px 0 #fff">
     <div nz-col nzMd="2"></div>
     <div nz-col nzMd="2" style="text-align: right">
-      <img *ngIf="!inst.custom" style="margin-top: 6px" class="logo" src="./assets/logo.jpg" />
+      <img *ngIf="!inst.custom" style="margin-top: 6px" class="logo" src="./assets/logo.png" />
       <img *ngIf="inst.custom" style="margin-top: 6px" class="logo" src="{{ inst.logo }}" />
     </div>
     <div nz-col nzMd="10">
-      <div *ngIf="!inst.custom" class="title"> Max<span style="color: #ffd700">Key</span> {{ 'mxk.title' | i18n }}
+      <div *ngIf="!inst.custom" class="title">
+        <span style="color: #000099">Max</span>
+        <span style="color: #ffd700">Key</span>
+        {{ 'mxk.title' | i18n }}
       </div>
       <div *ngIf="inst.custom" class="title">{{ inst.title }}</div>
     </div>
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/logo.png b/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/logo.png
new file mode 100644
index 00000000..764dd5a9
Binary files /dev/null and b/maxkey-web-frontend/maxkey-web-mgt-app/src/assets/logo.png differ
diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/favicon.ico b/maxkey-web-frontend/maxkey-web-mgt-app/src/favicon.ico
index 51f280f3..485a4a4a 100644
Binary files a/maxkey-web-frontend/maxkey-web-mgt-app/src/favicon.ico and b/maxkey-web-frontend/maxkey-web-mgt-app/src/favicon.ico differ
diff --git a/maxkey-webs/maxkey-web-maxkey/src/main/resources/static/favicon.ico b/maxkey-webs/maxkey-web-maxkey/src/main/resources/static/favicon.ico
index 51f280f3..485a4a4a 100644
Binary files a/maxkey-webs/maxkey-web-maxkey/src/main/resources/static/favicon.ico and b/maxkey-webs/maxkey-web-maxkey/src/main/resources/static/favicon.ico differ
diff --git a/maxkey-webs/maxkey-web-mgt/src/main/resources/static/favicon.ico b/maxkey-webs/maxkey-web-mgt/src/main/resources/static/favicon.ico
index 51f280f3..485a4a4a 100644
Binary files a/maxkey-webs/maxkey-web-mgt/src/main/resources/static/favicon.ico and b/maxkey-webs/maxkey-web-mgt/src/main/resources/static/favicon.ico differ