Merge pull request #10 from MakerXStudio/feature/new-brand

Update signature generator to new branding
MakerXStudio · Feb 4, 2025 · b787a45 · b787a45
2 parents b1800dd + 5dd5bfd
commit b787a45
Show file tree

Hide file tree

Showing 10 changed files with 14 additions and 12 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -2,7 +2,7 @@
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true,
-    "source.organizeImports": false
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
   }
 }
diff --git a/makerx-screenshot.png b/makerx-screenshot.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.svg" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"

diff --git a/public/logo.png b/public/logo.png
diff --git a/src/Info/Info.js b/src/Info/Info.js
@@ -8,6 +8,7 @@ import { createTheme, ThemeProvider } from '@mui/material/styles';
 const theme = createTheme({
   typography: {
     fontFamily: [
+      '"Inter"',
       '-apple-system',
       'BlinkMacSystemFont',
       '"Segoe UI"',

diff --git a/src/RepliesAndForwards/RepliesAndForwards.js b/src/RepliesAndForwards/RepliesAndForwards.js
@@ -18,7 +18,7 @@ const RepliesAndForwards = (props) => {
   } = props;
   const styleObj = {
     color: 'black',
-    fontFamily: '"Segoe UI", Helvetica, Arial, sans-serif',
+    fontFamily: 'Helvetica, Arial, sans-serif',
     fontSize: '11pt',
   };
   const titleOptional = title ? <>&nbsp;|&nbsp;{title}</> : null;

diff --git a/src/Signature/Signature.js b/src/Signature/Signature.js
@@ -48,7 +48,7 @@ const Signature = (props) => {
         cellPadding="0"
         style={{
           color: 'black',
-          fontFamily: '"Segoe UI", Helvetica, Arial, sans-serif',
+          fontFamily: 'Helvetica, Arial, sans-serif',
           fontSize: '11pt',
           width: '400px',
         }}
@@ -83,7 +83,7 @@ const Signature = (props) => {
                 cellPadding="0"
                 style={{
                   color: 'black',
-                  fontFamily: 'Arial, sans-serif',
+                  fontFamily: 'Helvetica, Arial, sans-serif',
                   fontSize: '11pt',
                   margin: 0,
                   padding: 0,
@@ -161,9 +161,9 @@ const Signature = (props) => {
               }}
             >
               <img
-                width="200"
-                height="30"
-                style={{ width: '200px', height: '30px', maxWidth: 'none' }}
+                width="250"
+                height="50"
+                style={{ width: '250px', height: '50px', maxWidth: 'none' }}
                 src={brandLogo.link}
                 alt={brandLogo.alt}
               />
@@ -199,7 +199,7 @@ const Signature = (props) => {
               <td
                 style={{
                   color: '#4a4a4a',
-                  fontFamily: '"Segoe UI", Helvetica, Arial, sans-serif',
+                  fontFamily: 'Helvetica, Arial, sans-serif',
                   fontSize: '6.5pt',
                   lineHeight: '1.5',
                 }}

diff --git a/src/constants/index.js b/src/constants/index.js
@@ -3,9 +3,9 @@ const constants = {
     brandName: 'MakerX',
     brandLink: 'https://makerx.com.au/',
     brandLinkName: 'www.makerx.com.au',
-    brandLinkColour: '#0E39FB',
+    brandLinkColour: '#003FB5',
     brandLogo: {
-      link: 'https://blog.makerx.com.au/content/images/2022/01/makerx_Full.png',
+      link: 'https://makerxsignatures.blob.core.windows.net/images/MakerX-Full-Logo-Black.jpg',
       alt: 'MakerX',
     },
     brandGPTWLogo: {