diff --git a/client/public/index.html b/client/public/index.html
index fcf7590b1..34fd30805 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -2,18 +2,18 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="favicon.ico" />
+    <link rel="icon" href="stl-favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
       content="Volunteer Relationship Management System"
     />
-    <link rel="apple-touch-icon" sizes="180x180" href="logo180.png" />
-    <link rel="apple-touch-icon" sizes="192x192" href="logo192.png" />
-    <link rel="apple-touch-icon" sizes="310x310" href="logo310.png" />
-    <link rel="icon" type="image/png" sizes="512x512" href="logo512.png" />
-    <link rel="icon" type="image/png" sizes="192x192" href="logo192.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="stl-logo180.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="stl-logo192.png" />
+    <link rel="apple-touch-icon" sizes="310x310" href="stl-logo310.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="stl-logo512.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="stl-logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/client/public/favicon.ico b/client/public/la-favicon.ico
similarity index 100%
rename from client/public/favicon.ico
rename to client/public/la-favicon.ico
diff --git a/client/public/logo.png b/client/public/la-logo.png
similarity index 100%
rename from client/public/logo.png
rename to client/public/la-logo.png
diff --git a/client/public/logo180.png b/client/public/la-logo180.png
similarity index 100%
rename from client/public/logo180.png
rename to client/public/la-logo180.png
diff --git a/client/public/logo192.png b/client/public/la-logo192.png
similarity index 100%
rename from client/public/logo192.png
rename to client/public/la-logo192.png
diff --git a/client/public/logo310.png b/client/public/la-logo310.png
similarity index 100%
rename from client/public/logo310.png
rename to client/public/la-logo310.png
diff --git a/client/public/logo512.png b/client/public/la-logo512.png
similarity index 100%
rename from client/public/logo512.png
rename to client/public/la-logo512.png
diff --git a/client/public/manifest.json b/client/public/manifest.json
index c56c9c494..2dedc175c 100644
--- a/client/public/manifest.json
+++ b/client/public/manifest.json
@@ -3,27 +3,27 @@
   "name": "Volunteer Relationship Management System",
   "icons": [
     {
-      "src": "favicon.ico",
+      "src": "stl-favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
     },
     {
-      "src": "logo180.png",
+      "src": "stl-logo180.png",
       "type": "image/png",
       "sizes": "180x180"
     },
     {
-      "src": "logo192.png",
+      "src": "stl-logo192.png",
       "type": "image/png",
       "sizes": "192x192"
     },
     {
-      "src": "logo310.png",
+      "src": "stl-logo310.png",
       "type": "image/png",
       "sizes": "310x310"
     },
     {
-      "src": "logo512.png",
+      "src": "stl-logo512.png",
       "type": "image/png",
       "sizes": "512x512"
     }
diff --git a/client/public/stl-favicon.ico b/client/public/stl-favicon.ico
new file mode 100644
index 000000000..65c0a59e6
Binary files /dev/null and b/client/public/stl-favicon.ico differ
diff --git a/client/public/stl-logo180.png b/client/public/stl-logo180.png
new file mode 100644
index 000000000..fe80ff7d8
Binary files /dev/null and b/client/public/stl-logo180.png differ
diff --git a/client/public/stl-logo192.png b/client/public/stl-logo192.png
new file mode 100644
index 000000000..0a9715923
Binary files /dev/null and b/client/public/stl-logo192.png differ
diff --git a/client/public/stl-logo310.png b/client/public/stl-logo310.png
new file mode 100644
index 000000000..eed65ca75
Binary files /dev/null and b/client/public/stl-logo310.png differ
diff --git a/client/public/stl-logo512.png b/client/public/stl-logo512.png
new file mode 100644
index 000000000..d76875cea
Binary files /dev/null and b/client/public/stl-logo512.png differ
diff --git a/client/src/App.test.js b/client/src/App.test.js
index 7069efce8..6c063a38d 100644
--- a/client/src/App.test.js
+++ b/client/src/App.test.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import App from './App';
 import { render, screen, cleanup } from '@testing-library/react';
+import { BRIGADE_NAME } from '../src/utils/themes/themes.js';
 
 beforeEach(() => {
   render(<App />);
@@ -29,10 +30,12 @@ describe('App', () => {
     expect(screen.getByText('Create account')).toBeInTheDocument();
   });
 
-  test('Should render with footer', () => {
-    expect(screen.getByTestId('footer')).toBeInTheDocument();
-    expect(
-      screen.getByText('was developed by Hack for LA')
-    ).toBeInTheDocument();
-  });
+  if (BRIGADE_NAME === "Hack for LA") {
+    test('Should render with footer', () => {
+      expect(screen.getByTestId('footer')).toBeInTheDocument();
+      expect(
+        screen.getByText('was developed by Hack for LA')
+      ).toBeInTheDocument();
+    });
+  }
 });
diff --git a/client/src/assets/images/logo.svg b/client/src/assets/images/la-logo.svg
similarity index 100%
rename from client/src/assets/images/logo.svg
rename to client/src/assets/images/la-logo.svg
diff --git a/client/src/assets/images/stl-logo.svg b/client/src/assets/images/stl-logo.svg
new file mode 100644
index 000000000..aa088aca8
--- /dev/null
+++ b/client/src/assets/images/stl-logo.svg
@@ -0,0 +1,12 @@
+<svg id="stl-logo" data-name="Open STL Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1110 360">
+  <path d="M397.44,177.35c0-34.77,24.13-55.41,48.74-55.41,24.45,0,48.57,19.21,48.57,55.41,0,34.92-24,55.56-48.57,55.56C421.41,232.91,397.44,213.7,397.44,177.35Zm79.85,0c0-23.81-9.05-47.47-31.11-47.47s-31.44,23.66-31.44,47.47c0,24,9.37,47.62,31.44,47.62S477.29,201.32,477.29,177.35Z"/>
+  <path d="M511.74,262.92l12.7-2.23c.16-8.73.32-17.14.32-25.71V189.57c0-8.73-.16-13.49-.48-19.84l-12.54-1.43v-5.56L534,153.06l2.39,1.59L537.3,165c7.62-8.1,15.56-11.91,24-11.91,17,0,30.32,14.92,30.32,39.53,0,24.45-14.13,40-32.7,40-7.3,0-14.45-2.54-21.12-10.31v12.54c0,8.41.16,17,.32,25.72l14.45,2.38v5.55h-40.8Zm26.51-92.08v44.61c5.87,5.72,11.59,8.1,17.46,8.1,11.91,0,21.59-9.21,21.59-29.69,0-20.32-8.25-31.75-19.84-31.75C552.54,162.11,546.35,164.17,538.25,170.84Z"/>
+  <path d="M609.85,193.54c0-24.29,16.67-40.48,36.51-40.48,16.51,0,29.53,11.27,29.53,30.48a32.19,32.19,0,0,1-1.11,8.89H624.13c.32,19.53,10.48,29.85,25.72,29.85,10.16,0,16.35-4.45,22.07-11.12l3.81,3c-5.87,11.27-16,18.41-30.48,18.41C623.82,232.59,609.85,217.83,609.85,193.54Zm14.6-7.78h28.89c7.62,0,9.37-3.65,9.37-8.25a17.31,17.31,0,0,0-17.3-17.15C636.52,160.36,626.2,167.35,624.45,185.76Z"/>
+  <path d="M694,224.82l11.75-2.23c.16-7.93.32-18.25.32-25.4v-7.62c0-8.73-.16-13.49-.48-19.84L693,168.3v-5.56l22.23-9.68,2.38,1.59,1.27,12.7c7.78-8.42,18.57-14.29,28.42-14.29,13.65,0,20.32,8.57,20.32,29.37v14.76c0,7.31.15,17.47.31,25.4l11.12,2.23v5.71H742.25v-5.71L754,222.59c.16-7.78.32-18.09.32-25.4V183.7c0-14.61-3.81-19.21-13.18-19.21-7.3,0-13.49,2.86-21.59,9.53v23.17c0,7,.16,17.47.32,25.4l11,2.23v5.71H694Z"/>
+  <path d="M794.16,224.5l1-22.23H805L808.13,221c4.92,2.7,9.68,4,16.51,4,14.92,0,24.6-7,24.6-19.2,0-10.16-6-14.77-19.52-20l-6.19-2.54c-16.36-6.35-27.31-15.71-27.31-31.91,0-18.25,15.4-29.37,35.72-29.37,10.64,0,19.21,3.18,26,8.26L857,151h-9.68L844,133.06a25.92,25.92,0,0,0-13-3.18c-12.07,0-21.44,6.19-21.44,17.94,0,9.84,6.51,15.72,17.94,20.16l6.35,2.38c20.8,8.1,28.9,17.31,28.9,32.39,0,18.73-15.56,30.16-37.63,30.16C813.21,232.91,801.46,229.26,794.16,224.5Z"/>
+  <path d="M875.91,124.33h87l1.27,28.25H955l-3.49-20.32H927.19c-.32,13.5-.32,27.31-.32,41.28v7.78c0,13.65,0,27.3.32,41L943.38,224v6.51H895.44V224l16.19-1.74c.32-13.5.32-27.15.32-41v-7.78c0-13.65,0-27.46-.32-41.28H887.34l-3.49,20.32h-9.21Z"/>
+  <path d="M978.31,124.33h44.92v6.51l-14.6,1.74c-.32,13.65-.32,27.31-.32,41v11c0,11.27,0,24.61.32,38.1h36l4.6-21.9H1059l-1.58,29.84H978.31V224l14.6-1.74c.32-13.66.32-27.31.32-40.8v-7.94c0-13.81,0-27.62-.32-41l-14.6-1.74Z"/>
+  <g id="layer1">
+    <path id="path75" d="M85.17,300.37C77,295.23,70.23,284.3,66.79,270.48c-2.06-8.28-2.05-25.37,0-45,1.27-12,1.35-16.4.42-21.62-1.54-8.64-6.24-16.24-11.82-19.13-3.51-1.82-4.32-2.81-4.35-5.31,0-2.33.45-3.07,2-3.07,3.12,0,9.75-7.21,12-13.13,2.91-7.46,3.62-15.24,2.34-25.48-3.7-29.63-3.2-43.11,2.12-57C73.28,71,80.62,61.59,87.09,58.26c2.39-1.23,4.7-2,5.12-1.73,1.53,1,.72,3.59-1.35,4.31C87.55,62,81.79,68,79.67,72.55a54.44,54.44,0,0,0-3.13,11.59c-1.13,7.08-.43,18.8,2.64,44.43,1.75,14.59-5.41,35.6-15.46,45.37L58,179.47l5.6,5.78c6.26,6.45,12,17.33,14.07,26.86,1.75,7.89,1.58,20.07-.55,39.64-2.79,25.7.52,38.5,11.77,45.51,2.27,1.41,4,3.36,4,4.46,0,2.74-1.75,2.44-7.8-1.35Zm217.64,1.18c0-1.37,1.15-2.93,2.88-3.9,4.76-2.69,9.28-8.56,11.45-14.88,2.57-7.52,2.65-16.63.34-39.18-1.47-14.22-1.56-18.62-.56-26.07,1.92-14.41,9.58-29.22,18.52-35.84l2.43-1.8-6.45-6.49c-12.53-12.63-16.9-29.26-14.22-54.16.81-7.56,1.47-19.78,1.47-27.15,0-12.2-.23-13.9-2.63-19-2.31-4.9-8.78-11.78-12.27-13-.66-.24-1-1.31-.82-2.39.34-1.76.87-1.68,5.68,1,6.51,3.55,11.54,9.46,15.72,18.5,6.08,13.13,7.43,28.49,4.57,51.82-2,16.06-1.88,24.4.32,31.36,2.31,7.28,5.84,12.13,10.65,14.65,3,1.58,3.81,2.65,3.83,5.05s-.57,3.21-2.54,3.75c-3.85,1.06-10.51,10-12.28,16.46-1.91,7-1.9,12.18,0,29.78,2.81,25.83,1.65,39-4.66,52.59-4.9,10.6-11.84,18-19.14,20.48-1.87.63-2.3.35-2.3-1.5Zm-108-4.89A34.43,34.43,0,0,1,183,284.45l-3-5.32,4.05-6.82c4.18-7.06,8.2-17.39,8.2-21.06,0-4.51,1.13-5.64,5.61-5.64,4.3,0,4.38.07,5,4.46a65.77,65.77,0,0,0,8.35,22.27c2.39,4,3.48,6.88,3.13,8.4-.78,3.38-7.43,11.51-12,14.65s-4.74,3.12-7.59,1.27Zm-34.19-29.2-2.34-2.72,4.16-5.38a47.69,47.69,0,0,0,5.76-9.56c1.42-3.7,2-4.19,5.17-4.19,2,0,3.57.5,3.57,1.11,0,5.17-10,23.46-12.83,23.46-.63,0-2.2-1.23-3.49-2.72ZM227.11,266c-3.73-4.92-6.9-11.73-7.83-16.77-.64-3.52-.57-3.61,3-3.61,3.21,0,3.76.44,4.76,3.73.62,2,3.24,6.43,5.82,9.72l4.69,6-2.92,2.55a13.55,13.55,0,0,1-3.62,2.56c-.38,0-2.12-1.88-3.87-4.18ZM150,234.85c-.39-.43-.71-3.2-.71-6.17v-5.4H245.6l-.31,5.86L245,235l-47.15.3c-25.92.17-47.46,0-47.85-.46Zm-44.21-22c-9.5-4.9-15.07-14.32-15.7-26.6-.48-9.26,1.88-15.29,8.66-22.11,9.77-9.82,22.13-13.06,36.52-9.57,18.55,4.51,30.81,19.6,38,46.83,1.44,5.45,2.62,10.09,2.62,10.33s-1.6.43-3.55.43c-3.09,0-4.62-1.17-11.6-8.9-9.6-10.63-16.6-14.7-25.29-14.7-11.49,0-17.91,7.15-17.91,20v7h-3.32c-1.83,0-5.63-1.2-8.45-2.65ZM278,210.71a32.59,32.59,0,0,0-.62-9.27c-3.12-12.63-18.51-17-31.23-8.87-4.42,2.82-18,16.89-18,18.63,0,.5-1.84.91-4.1.91-2.47,0-4.09-.52-4.09-1.32,0-3.4,4.65-19,7.67-25.71,5-11.15,10.12-18.1,17.07-23.17,8.42-6.13,15.64-8.38,26.95-8.4,8,0,10,.38,15.06,3.12,6.55,3.5,14,10.84,16.81,16.54,2.67,5.43,2.53,17.79-.29,24.53-4.11,9.81-13.87,17.69-22,17.74l-3.71,0,.49-4.75Zm-85.14,0c-.22-.77-.69-4.59-1-8.49-1.19-12.86-5.29-25.69-14.88-46.5-11-24-13.27-32.87-11.45-45.71,2.18-15.34,12.75-33,26.14-43.81l6-4.81,4.51,3.39c10,7.52,18.53,18.76,24.16,31.86,2.5,5.84,3.24,9.29,3.64,17,.7,13.4-1.23,20.6-10.93,40.86-8.91,18.6-13.63,33.18-15.52,47.89l-1.24,9.7h-4.48c-2.7,0-4.65-.55-4.89-1.39Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/client/src/components/common/footer/footer.js b/client/src/components/common/footer/footer.js
index a9d5f05d7..97ebefd29 100644
--- a/client/src/components/common/footer/footer.js
+++ b/client/src/components/common/footer/footer.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import './footer.scss';
 import RedirectLink from '../link/link';
+import { BRIGADE_NAME } from '../../../utils/themes/themes';
 import { useSelector } from 'react-redux';
 
 const Footer = () => {
@@ -12,6 +13,7 @@ const Footer = () => {
       <div className="text-block">Logged in as {user.email}</div>
     </footer>
   ) : (
+    BRIGADE_NAME === "Hack for LA" &&
     <footer data-testid="footer" className="app-footer">
       <div className="text-block">
         <span>VRMS</span> was developed by Hack for LA
diff --git a/client/src/components/common/footer/footer.test.js b/client/src/components/common/footer/footer.test.js
index 96535be55..31458934f 100644
--- a/client/src/components/common/footer/footer.test.js
+++ b/client/src/components/common/footer/footer.test.js
@@ -3,6 +3,7 @@ import 'react-redux';
 import Footer from './footer';
 import { screen, fireEvent } from '@testing-library/react';
 import { useSelector } from 'react-redux';
+import { BRIGADE_NAME } from '../../../utils/themes/themes';
 import {
   authDefaultState,
   userAuthSuccessMockState,
@@ -19,6 +20,7 @@ jest.mock('react-redux', () => ({
   useSelector: jest.fn(),
 }));
 
+if (BRIGADE_NAME === "Hack for LA") {
 describe('Should display main Footer for not authorized users', () => {
   beforeEach(() => {
     useSelector.mockImplementation((callback) => {
@@ -39,14 +41,12 @@ describe('Should display main Footer for not authorized users', () => {
       screen.getByText('was developed by Hack for LA')
     ).toBeInTheDocument();
     expect(screen.getByTestId('footer')).toBeInTheDocument();
-  });
-
+  })
   test('Should exist the tooltip', () => {
     expect(screen.getByTestId('tooltip')).toBeInTheDocument();
     expect(screen.getByTestId('link')).toBeInTheDocument();
     expect(screen.getByTestId('link')).toHaveAttribute('href', '/page');
   });
-
   test('Should navigate to dummy page after clicking on the link', () => {
     expect(screen.getByTestId('link')).toBeInTheDocument();
     fireEvent.click(screen.getByTestId('link'));
@@ -57,6 +57,7 @@ describe('Should display main Footer for not authorized users', () => {
     expect(screen.queryByTestId('footer-logged-in')).toBeFalsy();
   });
 });
+}
 
 describe('Should display Footer for authorized users', () => {
   beforeEach(() => {
@@ -84,6 +85,7 @@ describe('Should display Footer for authorized users', () => {
   });
 });
 
+if (BRIGADE_NAME === "Hack for LA") {
 describe('Should display the main Footer if authorization fails', () => {
   beforeEach(() => {
     useSelector.mockImplementation((callback) => {
@@ -98,6 +100,7 @@ describe('Should display the main Footer if authorization fails', () => {
     useSelector.mockClear();
   });
 
+
   test('Should render main Footer with text content', () => {
     expect(screen.getByTestId('footer')).toBeInTheDocument();
     expect(
@@ -110,3 +113,4 @@ describe('Should display the main Footer if authorization fails', () => {
     expect(screen.queryByTestId('footer-logged-in')).toBeFalsy();
   });
 });
+};
diff --git a/client/src/components/common/header/header.js b/client/src/components/common/header/header.js
index 0c527c610..c842cf56a 100644
--- a/client/src/components/common/header/header.js
+++ b/client/src/components/common/header/header.js
@@ -1,15 +1,23 @@
 import React from 'react';
 import './header.scss';
-import logo from '../../../assets/images/logo.svg';
+import laLogo from '../../../assets/images/la-logo.svg';
+import stlLogo from '../../../assets/images/stl-logo.svg'
 import RedirectLink from '../link/link';
 import { useSelector, useDispatch } from 'react-redux';
 import allActions from '../../../store/actions';
+import { BRIGADE_NAME } from '../../../utils/themes/themes';
+import { useState, useEffect } from 'react';
 
 const Header = () => {
   const isMenuOpen = useSelector((state) => state.dashboard.isMenuOpen);
   const loggedIn = useSelector((state) => state.auth.loggedIn);
   const user = useSelector((state) => state.auth.user);
   const dispatch = useDispatch();
+  const [logo, setLogo] = useState();
+
+  useEffect(() => {
+    BRIGADE_NAME === "Hack for LA" ? setLogo(laLogo) : setLogo(stlLogo)
+  }, []);
 
   function toggleMenu() {
     if (!isMenuOpen) {
diff --git a/client/src/utils/themes/themes.js b/client/src/utils/themes/themes.js
new file mode 100644
index 000000000..92f245eb2
--- /dev/null
+++ b/client/src/utils/themes/themes.js
@@ -0,0 +1,7 @@
+// Brigade Details
+export const BRIGADE_NAME = "Open STL";
+export const BRIGADE_EMAIL = "info@openstl.org";
+export const BRIGADE_SITE_URL = "https://openstl.org/";
+export const BRIGADE_SITE_NAME = "openstl.org";
+export const BRIGADE_VRMS_REPO = "https://github.com/OpenSTL/VRMS";
+export const BRIGADE_SLACK = "https://openstl.slack.com";
\ No newline at end of file
