diff --git a/img/hamburger_icon.svg b/img/hamburger_icon.svg
new file mode 100644
index 00000000..7f34c793
--- /dev/null
+++ b/img/hamburger_icon.svg
@@ -0,0 +1,6 @@
+<svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M11.5385 9C11.7934 9 12 9.22386 12 9.5C12 9.77614 11.7934 10 11.5385 10H0.461539C0.206638 10 0 9.77614 0 9.5C0 9.22386 0.206638 9 0.461539 9H11.5385ZM11.5385 4.5C11.7934 4.5 12 4.72386 12 5C12 5.27614 11.7934 5.5 11.5385 5.5H0.461539C0.206638 5.5 0 5.27614 0 5C0 4.72386 0.206638 4.5 0.461539 4.5H11.5385ZM11.5385 0C11.7934 0 12 0.223858 12 0.5C12 0.776142 11.7934 1 11.5385 1H0.461539C0.206638 1 0 0.776142 0 0.5C0 0.223858 0.206638 0 0.461539 0H11.5385Z"
+        fill="#414652" />
+</svg>
+    
\ No newline at end of file
diff --git a/img/wordmark.svg b/img/wordmark.svg
new file mode 100644
index 00000000..0d476b41
--- /dev/null
+++ b/img/wordmark.svg
@@ -0,0 +1,4 @@
+<svg width="121" height="26" viewBox="0 0 121 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.6834 0.819685L14.3432 8.42037H9.6908C5.35043 8.42037 1.21336 11.9369 0.446583 16.2772L0.122029 18.1247C-0.641178 22.465 2.25476 25.9816 6.59513 25.9816H10.4754C13.6388 25.9816 16.6525 23.4208 17.2089 20.2575L20.7824 0L15.6834 0.819685ZM12.3823 19.5406C12.2111 20.5178 11.3314 21.3131 10.3542 21.3131H7.99674C6.04589 21.3131 4.74059 19.7295 5.08295 17.7751L5.28625 16.6232C5.63218 14.6723 7.49386 13.0853 9.44471 13.0853H13.5206L12.3823 19.5406ZM51.513 25.9812L54.5659 8.6625H59.3948L56.3419 25.9812H51.5093H51.513ZM52.0353 8.8622C51.7933 10.2359 51.5502 11.6096 51.3081 12.9833C49.0204 12.2723 46.6601 12.4987 45.9349 12.6433C45.1518 17.0904 44.3676 21.5385 43.5834 25.9855H38.7513C39.4074 22.2646 41.6492 9.55711 41.6492 9.55711C43.2209 8.9063 47.0804 7.58547 52.0353 8.8622ZM32.4562 8.41743H28.6972C25.0344 8.41743 21.543 11.3847 20.8974 15.0474L20.1378 19.3521C19.4922 23.0148 21.9353 25.9822 25.5981 25.9822H33.594L34.4143 21.328H26.8997C25.6801 21.328 24.8633 20.34 25.0809 19.1167L25.1059 18.9705H37.221L37.9129 15.0474C38.5583 11.3847 36.1154 8.41743 32.4527 8.41743H32.4562ZM33.0661 14.6765L33.0376 14.9262H25.8335L25.8727 14.7051C26.0901 13.4853 27.203 12.4118 28.4261 12.4118H31.2401C32.4491 12.4118 33.2659 13.4675 33.0661 14.6765ZM78.2362 8.6625C76.59 13.0391 72.8175 20.4841 69.1631 25.9812H64.3307C62.6533 20.7492 61.57 13.4594 61.3634 8.6625H66.196C66.2832 10.2272 66.9837 16.0311 67.7831 20.0857C69.9756 16.1412 72.3929 10.9659 73.4001 8.6625H78.2362Z" fill="#FF444F"/>
+<path d="M80.214 20.0581L77.3154 25.9855H73.7853C75.996 21.5 78.1678 17.3722 80.3003 13.5968C82.4328 9.82133 84.5499 6.25729 86.6528 2.90466H89.8171C90.2516 4.57149 90.6599 6.25187 91.0422 7.95123C91.4246 9.65058 91.8065 11.4312 92.1881 13.2959C92.5685 15.1606 92.9449 17.1391 93.3186 19.226C93.6909 21.313 94.0842 23.5652 94.5 25.9855H91.2368C91.0628 24.9854 90.9022 23.9826 90.7506 22.9717C90.6003 21.9607 90.4404 20.9904 90.2719 20.0581H80.214ZM89.8125 17.4589C89.5245 15.662 89.2085 13.8732 88.8662 12.098C88.5239 10.3227 88.1402 8.49057 87.7123 6.6015C87.0055 7.7344 86.1291 9.19525 85.0844 10.9813C84.0398 12.7701 82.8635 14.9275 81.5529 17.4589H89.8125ZM105.621 2.67158C108.307 2.67158 110.365 3.18382 111.794 4.2056C113.221 5.22738 113.995 6.71262 114.116 8.66674C114.208 10.1764 114.006 11.4827 113.508 12.5804C113.009 13.6808 112.26 14.5833 111.26 15.2961C110.259 16.0062 109.038 16.532 107.594 16.8762C106.149 17.2204 104.528 17.3939 102.73 17.3939H100.432L98.8961 25.9855H95.6655L99.7254 3.20551C100.644 2.98326 101.623 2.83962 102.662 2.77186C103.702 2.70681 104.689 2.67158 105.621 2.67158ZM105.39 5.40355C103.812 5.40355 102.861 5.44963 102.533 5.53636L100.898 14.6944H102.996C103.93 14.6944 104.879 14.6131 105.846 14.4451C106.812 14.2798 107.671 13.9843 108.423 13.5642C109.174 13.1414 109.776 12.5587 110.23 11.8134C110.683 11.0708 110.875 10.1113 110.802 8.93506C110.725 7.66935 110.203 6.76412 109.236 6.21935C108.27 5.67458 106.987 5.40355 105.39 5.40355ZM116.867 2.90466H120.098L115.99 25.9855H112.759L116.867 2.90466Z" fill="#414652"/>
+</svg>
diff --git a/src/components/global/Button/Button.module.scss b/src/components/global/Button/Button.module.scss
index 4ea42835..b6c99fe4 100644
--- a/src/components/global/Button/Button.module.scss
+++ b/src/components/global/Button/Button.module.scss
@@ -26,6 +26,18 @@
     width: fit-content;
     padding: 0.8rem 1.6rem;
 
+    &:hover {
+      --btn-background: var(--gray-05);
+    }
+  }
+  &.logout {
+    --btn-background: transparent;
+    --btn-text-color: var(--red-01);
+    border: solid 2px var(--red-01);
+    border-radius: 10px;
+    width: fit-content;
+    padding: 0.8rem 1.6rem;
+
     &:hover {
       --btn-background: var(--gray-05);
     }
diff --git a/src/components/global/Button/Button.tsx b/src/components/global/Button/Button.tsx
index 00c366d8..2b1787aa 100644
--- a/src/components/global/Button/Button.tsx
+++ b/src/components/global/Button/Button.tsx
@@ -14,7 +14,10 @@ export default function Button({
     let classesNames = `${styles.btn}`;
     if (type === 'secondary') {
         classesNames += ` ${styles.secondary}`;
+    } else if (type === 'logout') {
+        classesNames += ` ${styles.logout}`;
     }
+
     return (
         <button disabled={disabled} onClick={onClick} className={classesNames}>
             {children}
diff --git a/src/components/global/DerivLogo/DerivLogo.module.scss b/src/components/global/DerivLogo/DerivLogo.module.scss
index a0833dda..664292e7 100644
--- a/src/components/global/DerivLogo/DerivLogo.module.scss
+++ b/src/components/global/DerivLogo/DerivLogo.module.scss
@@ -19,7 +19,7 @@
         margin-left: 2.4rem;
     }
     .logo {
-        background-image: url(/img/deriv.svg);
+        background-image: url(/img/wordmark.svg);
         width: 18rem;
         height: 7.3rem;
         background-size: contain;
@@ -38,8 +38,7 @@
 }
 
 [data-state*="responsive.mobile"] {
-    .logoLink {
-        justify-content: center;
+    .logoLink { 
         .logo {
             height: 4.8rem;
             width: 8.4rem;
diff --git a/src/components/global/DerivLogo/DerivLogo.tsx b/src/components/global/DerivLogo/DerivLogo.tsx
index a6cdd507..e096b22b 100644
--- a/src/components/global/DerivLogo/DerivLogo.tsx
+++ b/src/components/global/DerivLogo/DerivLogo.tsx
@@ -11,7 +11,6 @@ export const DerivLogo = () => {
         <Link className={styles.logoLink} to='/' data-testid='mainLogo'>
             <div className={styles.flexContainer}>
                 <div data-testid='home_logo' onClick={clickLogo} className={styles.logo} />
-                <h1 className={styles.branding}>API</h1>
             </div>
         </Link>
     );
diff --git a/src/components/global/Header/Header.module.scss b/src/components/global/Header/Header.module.scss
index 971b98b4..52d6bc5f 100644
--- a/src/components/global/Header/Header.module.scss
+++ b/src/components/global/Header/Header.module.scss
@@ -5,13 +5,13 @@
   z-index: 100;
   display: flex;
   flex-direction: column;
-  background-color: var(--black-01);
+  background-color: var(--white);
   a {
     position: relative;
     margin-right: 4rem;
     font-size: var(--text-size-s);
     line-height: 1.5;
-    color: var(--white);
+    color: var(--black-01);
     &:empty {
       display: none !important;
     }
@@ -60,7 +60,7 @@
         margin-right: 4rem;
         font-size: var(--text-size-xxs);
         line-height: var(--text-lh-m);
-        color: var(--copy-color);
+        color: var(--black-01);
 
         &::before {
           visibility: hidden;
@@ -73,7 +73,8 @@
     align-items: center;
     justify-content: center;
     height: 7.3rem;
-    background-color: var(--black-01);
+    background-color: var(--white);
+    border-bottom: 1px var(--gray-01) solid;
     .headerContainer {
       display: flex;
       flex-wrap: nowrap;
@@ -82,7 +83,7 @@
       .hamburger {
         width: 1.6rem;
         height: 1.6rem;
-        background-image: url(/img/hamburger_menu.svg);
+        background-image: url(/img/hamburger_icon.svg);
         background-repeat: no-repeat;
         padding: 0.1rem;
         display: none;
diff --git a/src/components/global/Header/TopNav.tsx b/src/components/global/Header/TopNav.tsx
index 61218e4d..54560379 100644
--- a/src/components/global/Header/TopNav.tsx
+++ b/src/components/global/Header/TopNav.tsx
@@ -4,7 +4,7 @@ export const TopNav = () => {
         <div className={`${styles.topNav} ${styles.flexContainer}`}>
             <div className={styles.topNavContainer}>
                 <a href='https://deriv.com/'>Deriv website</a>
-                <a href='https://deriv.com/who-we-are'>About us</a>
+                <a href='https://deriv.com/who-we-are'>Who we are</a>
                 <a href='https://deriv.com/contact-us'>Contact us</a>
             </div>
         </div>
diff --git a/src/components/global/LogoutButton/LogoutButton.jsx b/src/components/global/LogoutButton/LogoutButton.jsx
index bc06b00f..eda5d317 100644
--- a/src/components/global/LogoutButton/LogoutButton.jsx
+++ b/src/components/global/LogoutButton/LogoutButton.jsx
@@ -14,7 +14,7 @@ export const LogoutButton = () => {
     return (
         <Suspense fallback={<div />}>
             <div className={styles.signOut}>
-                <LazyButton onClick={logout}>Sign out</LazyButton>
+                <LazyButton onClick={logout} type='logout'>Sign out</LazyButton>
             </div>
         </Suspense>
     );
diff --git a/src/components/global/LogoutButton/LogoutButton.module.scss b/src/components/global/LogoutButton/LogoutButton.module.scss
index d6ee3e67..81ec4073 100644
--- a/src/components/global/LogoutButton/LogoutButton.module.scss
+++ b/src/components/global/LogoutButton/LogoutButton.module.scss
@@ -6,8 +6,6 @@
   z-index: 100;
   color: var(--white);
   background-color: transparent;
-  border: solid 2px var(--gray-05);
-  border-radius: 4px;
 }
 
 [data-state*="mobile"] .signOut {