Update branding

googlemaps · Feb 1, 2024 · 4f4a04d · 4f4a04d
1 parent 0b6a81e
commit 4f4a04d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 17 deletions.
diff --git a/application/frontend/src/app/core/components/logo/logo.component.html b/application/frontend/src/app/core/components/logo/logo.component.html
@@ -1,8 +1,8 @@
 <a
   href="/"
   class="branding link--gray-dark"
-  title="Cloud Optimization AI"
-  aria-label="Cloud Optimization AI">
-  <img class="branding__logo" src="assets/images/cloud_optimization_ai_logo.svg" width="50px" />
-  <span class="branding__name">Cloud<br />Optimization AI</span>
+  title="Google Maps Platform"
+  aria-label="Google Maps Platform">
+  <img class="branding__logo" src="assets/images/maps.svg" width="60px" />
+  <span class="branding__name">Google<br />Maps Platform</span>
 </a>
diff --git a/application/frontend/src/app/core/components/logo/logo.component.scss b/application/frontend/src/app/core/components/logo/logo.component.scss
@@ -1,6 +1,6 @@
 :host {
   display: flex;
-  margin: 1rem 0 0 0;
+  margin-top: 0.5rem;
 }
 
 .branding,
@@ -10,7 +10,7 @@
   align-items: center;
   position: relative;
   top: 2px;
-  margin: 4px 12px;
+  margin: 0;
   user-select: none;
   white-space: nowrap;
 }
@@ -19,19 +19,16 @@
   position: relative;
   top: -1.5px;
   color: #5f6368;
-  font-family: 'Product Sans', Arial, sans-serif;
-  font-size: 20px;
+  font-family: 'Google Sans', 'Roboto', Arial, sans-serif;
+  font-style: normal;
+  font-size: 22px;
   font-weight: 400;
-  line-height: 24px;
-  padding-left: 4px;
+  line-height: 28px;
   text-rendering: optimizeLegibility;
   text-align: left;
 }
 
-// a.branding:focus {
-//   text-decoration: none;
-// }
-
-// a.branding:focus .branding__name {
-//   text-decoration: underline;
-// }
+.branding__logo {
+  position: relative;
+  top: -4px;
+}