diff --git a/apps/web/__tests__/__snapshots__/index.snapshot.tsx.snap b/apps/web/__tests__/__snapshots__/index.snapshot.tsx.snap
index 23e056bb..7653be8d 100644
--- a/apps/web/__tests__/__snapshots__/index.snapshot.tsx.snap
+++ b/apps/web/__tests__/__snapshots__/index.snapshot.tsx.snap
@@ -77,12 +77,12 @@ exports[`renders homepage unchanged 1`] = `
                 class="chakra-stack css-lha1ht"
               >
                 <h2
-                  class="chakra-heading css-6hfru0"
+                  class="chakra-heading css-zr62dw"
                 >
                   Techterview 101: Navigating the Internship World
                 </h2>
                 <p
-                  class="chakra-text css-1h1oeyi"
+                  class="chakra-text css-v04ol"
                 >
                   February 22, 2022
                 </p>
@@ -123,12 +123,12 @@ exports[`renders homepage unchanged 1`] = `
                 class="chakra-stack css-lha1ht"
               >
                 <h2
-                  class="chakra-heading css-6hfru0"
+                  class="chakra-heading css-zr62dw"
                 >
                   21st Main Committee
                 </h2>
                 <p
-                  class="chakra-text css-1h1oeyi"
+                  class="chakra-text css-v04ol"
                 >
                   March 31, 2021
                 </p>
diff --git a/apps/web/features/layout/components/WebLayout.tsx b/apps/web/features/layout/components/WebLayout.tsx
index 2d495585..9aacb24b 100644
--- a/apps/web/features/layout/components/WebLayout.tsx
+++ b/apps/web/features/layout/components/WebLayout.tsx
@@ -9,16 +9,15 @@ export const WebLayout = ({ children }: WebLayoutProps) => {
   const navbarProps: NavBarProps = {
     links: [
       { label: "Home", href: "/" },
-      { label: "Academics", href: "/academics" },
+      { label: "About", href: "/about" },
       { label: "Events", href: "/events" },
+      { label: "Academics", href: "/academics" },
+      { label: "Learn", href: "/learn" },
       { label: "Sponsors", href: "/sponsors" },
-      { label: "Contact", href: "/contact" },
-      { label: "BLOG", href: "/blog", menuLinkStyle: "button.golden" },
     ],
     logoProps: {
       src: "/scse-logo.png",
       alt: "scse logo",
-      text: "NTU School of Computer Science & Engineering Club",
     },
   };
   const footerProps: FooterProps = {
diff --git a/apps/web/pages/_app.tsx b/apps/web/pages/_app.tsx
index e1a4b017..4312a164 100644
--- a/apps/web/pages/_app.tsx
+++ b/apps/web/pages/_app.tsx
@@ -2,10 +2,12 @@ import "../styles/globals.css";
 import type { AppProps } from "next/app";
 import { ChakraProvider } from "@chakra-ui/react";
 import { theme } from "ui/theme";
-import "@fontsource/roboto/400.css";
-import "@fontsource/roboto/700.css";
-import "@fontsource/roboto-slab/400.css";
-import "@fontsource/poppins/400.css";
+import "@fontsource/work-sans/300.css";
+import "@fontsource/work-sans/400.css";
+import "@fontsource/work-sans/600.css";
+import "@fontsource/work-sans/700.css";
+import "ui/fonts/styles.css"; // for custom fonts not available on @fontsource
+
 import { WebLayout } from "@/features/layout";
 
 const App = ({ Component, pageProps }: AppProps) => {
diff --git a/apps/web/pages/learn.tsx b/apps/web/pages/learn.tsx
new file mode 100644
index 00000000..9244c871
--- /dev/null
+++ b/apps/web/pages/learn.tsx
@@ -0,0 +1,17 @@
+import { Flex, Text } from "@chakra-ui/react";
+
+const Learn = () => {
+  return (
+    <Flex
+      justifyContent="center"
+      alignItems="center"
+      minH="91vh"
+    >
+      <Text fontSize="3xl">
+        Coming Soon...
+      </Text>
+    </Flex>
+  );
+};
+
+export default Learn;
diff --git a/packages/ui/components/blog-card/BlogCardContent.tsx b/packages/ui/components/blog-card/BlogCardContent.tsx
index bc5e8b29..eae628c3 100644
--- a/packages/ui/components/blog-card/BlogCardContent.tsx
+++ b/packages/ui/components/blog-card/BlogCardContent.tsx
@@ -19,13 +19,13 @@ export const BlogCardContent = ({
         color="gray.700"
         fontSize="2xl"
         fontFamily="body"
-        _hover={{ cursor: "pointer", color: "brand.blue" }}
+        _hover={{ cursor: "pointer", color: "brand.navy.medium" }}
       >
         {title}
       </Heading>
 
       {/* Date */}
-      <Text color="brand.gray.mid" _before={{ content: '"🕓 "' }}>
+      <Text color="brand.gray.medium" _before={{ content: '"🕓 "' }}>
         {date}
       </Text>
 
diff --git a/packages/ui/components/blog-card/BlogCardImage.tsx b/packages/ui/components/blog-card/BlogCardImage.tsx
index 813c1796..33e4be16 100644
--- a/packages/ui/components/blog-card/BlogCardImage.tsx
+++ b/packages/ui/components/blog-card/BlogCardImage.tsx
@@ -33,7 +33,7 @@ export const BlogCardImage = ({ alt, src, ...props }: BlogCardImageProps) => {
         <Box
           h="100%"
           w="100%"
-          bgColor="brand.blackAlpha.mid"
+          bgColor="brand.blackAlpha.medium"
           display="flex"
           justifyContent="center"
           alignItems="center"
diff --git a/packages/ui/components/faq/Qna.tsx b/packages/ui/components/faq/Qna.tsx
index 148c39e5..861f1c77 100644
--- a/packages/ui/components/faq/Qna.tsx
+++ b/packages/ui/components/faq/Qna.tsx
@@ -8,7 +8,7 @@ export interface QnaProps {
 export const Qna = ({ question, answer }: QnaProps) => {
   return (
     <Flex
-      borderColor="brand.blue"
+      borderColor="brand.navy.medium"
       justifyContent="center"
       flexDirection="column"
       marginBottom="30px"
diff --git a/packages/ui/components/layout/Layout.tsx b/packages/ui/components/layout/Layout.tsx
index 04c8ed7f..0c1c227d 100644
--- a/packages/ui/components/layout/Layout.tsx
+++ b/packages/ui/components/layout/Layout.tsx
@@ -20,7 +20,7 @@ export const Layout = ({ navbarProps, footerProps, children }: LayoutProps) => {
 
       <NavBar links={navbarProps.links} logoProps={navbarProps.logoProps} />
       <main>
-        <Box bg="brand.blackAlpha.light" minH="75.9vh">{children}</Box>
+        <Box bg="brand.blackAlpha.light" minH="91.7vh">{children}</Box>
       </main>
       <Footer
         links={footerProps.links}
diff --git a/packages/ui/components/navbar/Logo.tsx b/packages/ui/components/navbar/Logo.tsx
index f5492d9b..76a169b4 100644
--- a/packages/ui/components/navbar/Logo.tsx
+++ b/packages/ui/components/navbar/Logo.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Box, Text, Stack, Link } from "@chakra-ui/react";
+import { Box, Stack, Link } from "@chakra-ui/react";
 import { Image } from "../image";
 
 export interface LogoProps {
   src: string;
   alt: string;
-  text?: string;
 }
 
-export const Logo = ({ src, alt, text }: LogoProps) => {
+export const Logo = ({ src, alt }: LogoProps) => {
   return (
     <Link href="/" _hover={{ textDecoration: "none" }}>
       <Stack align="center" justify={"flex-start"} direction={"row"}>
@@ -19,13 +18,6 @@ export const Logo = ({ src, alt, text }: LogoProps) => {
         >
           <Image src={src} alt={alt} width={100} height={100} />
         </Box>
-        <Text
-          fontSize={[12, 12, 24, 24]}
-          fontWeight="bold"
-          transitionDuration="200ms"
-        >
-          {text}
-        </Text>
       </Stack>
     </Link>
   );
diff --git a/packages/ui/components/navbar/MenuItems.tsx b/packages/ui/components/navbar/MenuItems.tsx
index 1d29b0cc..5a361375 100644
--- a/packages/ui/components/navbar/MenuItems.tsx
+++ b/packages/ui/components/navbar/MenuItems.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Box, Stack } from "@chakra-ui/react";
+import { Box, Link, Stack, Text } from "@chakra-ui/react";
 import { MenuLink, MenuLinkProps } from "./MenuLink";
 
 interface MenuItemProps {
@@ -10,9 +10,12 @@ interface MenuItemProps {
 export const MenuItems = ({ isOpen = false, links }: MenuItemProps) => {
   return (
     <Box
-      display={{ base: isOpen ? "block" : "none", xl: "block" }}
+      display={{ base: isOpen ? "flex" : "none", xl: "flex" }}
       flexBasis={{ base: "100%", md: "auto" }}
+      flexDir={{ base: "column", xl: "row" }}
+      justifyContent="space-between"
       marginLeft={10}
+      minW="90%"
     >
       <Stack
         spacing={8}
@@ -20,7 +23,6 @@ export const MenuItems = ({ isOpen = false, links }: MenuItemProps) => {
         justify={"flex-end"}
         direction={{ base: "column", xl: "row" }}
         pt={0}
-        fontSize={{ base: 22, xl: 15 }}
         fontWeight="bold"
       >
         {links.map((link) => {
@@ -29,11 +31,28 @@ export const MenuItems = ({ isOpen = false, links }: MenuItemProps) => {
               key={link.label}
               label={link.label}
               href={link.href}
-              menuLinkStyle={link.menuLinkStyle}
             />
           );
         })}
       </Stack>
+
+      {/* CTA Button -> Contact */}
+      <Link
+        href={"/contact"}
+        _hover={{
+          bgColor: "brand.red.dark"
+        }}
+        bgColor="brand.red.medium"
+        color="white"
+        px="16px"
+        py="10px"
+        mt={{ base: 8, xl: 0 }}
+        borderRadius="6px"
+        w="max-content"
+        display={{ base: "block", xl: "block" }}
+      >
+        <Text display="block">Contact</Text>
+      </Link>
     </Box>
   );
 };
diff --git a/packages/ui/components/navbar/MenuLink.tsx b/packages/ui/components/navbar/MenuLink.tsx
index b22ef7e0..0fcc4b19 100644
--- a/packages/ui/components/navbar/MenuLink.tsx
+++ b/packages/ui/components/navbar/MenuLink.tsx
@@ -5,52 +5,24 @@ import { useRouter } from "next/router";
 export interface MenuLinkProps {
   label: string;
   href: string;
-  menuLinkStyle?: "default" | "button.golden";
 }
 
-export const MenuLink = ({
-  label,
-  href = "/",
-  menuLinkStyle = "default",
-}: MenuLinkProps) => {
-  switch (menuLinkStyle) {
-    case "button.golden":
-      return <ButtonMenuLinkGolden label={label} href={href} />;
-    default:
-      return <DefaultMenuLink label={label} href={href} />;
-  }
-};
-
-const DefaultMenuLink = ({ label, href }: MenuLinkProps) => {
+export const MenuLink = ({ label, href = "/" }: MenuLinkProps) => {
   const router = useRouter();
   return (
     <Link
       href={href}
-      color={router?.pathname === href ? "brand.blue" : "brand.black"}
-      _hover={{ color: "brand.blue" }}
-      _focus={{ color: "brand.blue" }}
+      color={router?.pathname === href ? "brand.red.dark" : "brand.navy.dark"}
+      _hover={{ color: "brand.red.dark" }}
+      _focus={{ color: "brand.red.dark" }}
     >
-      <Text display="block" fontFamily="Poppins">
+      <Text
+        display="block"
+        fontWeight="semibold"
+        fontSize="18px"
+      >
         {label}
       </Text>
     </Link>
   );
 };
-
-const ButtonMenuLinkGolden = ({ label, href }: MenuLinkProps) => {
-  return (
-    <Link
-      href={href}
-      _hover={{
-        bgColor: "transparent",
-        color: "brand.orange.mid",
-      }}
-      bgColor="brand.orange.light"
-      px={4}
-      py={2}
-      borderRadius="5px"
-    >
-      <Text display="block">{label}</Text>
-    </Link>
-  );
-};
diff --git a/packages/ui/components/navbar/MenuToggle.tsx b/packages/ui/components/navbar/MenuToggle.tsx
index 55d956bb..b01ff8b1 100644
--- a/packages/ui/components/navbar/MenuToggle.tsx
+++ b/packages/ui/components/navbar/MenuToggle.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { Box } from "@chakra-ui/react";
-import { CloseIcon, HamburgerIcon } from "@chakra-ui/icons";
+import { HamburgerIcon } from "@chakra-ui/icons";
 
 interface MenuToggleProps {
   toggle: React.MouseEventHandler<HTMLDivElement>;
@@ -12,14 +12,14 @@ export const MenuToggle = ({ toggle, isOpen }: MenuToggleProps) => {
     <Box
       display={{ base: "block", xl: "none" }}
       onClick={toggle}
-      _hover={{ color: "brand.blue", cursor: "pointer" }}
+      color="brand.white"
+      bgColor={ isOpen ? "brand.red.dark" : "brand.red.medium" }
+      p="6px"
+      borderRadius="6px"
+      _hover={{ bgColor: "brand.red.dark", cursor: "pointer" }}
       marginLeft={{ base: 5, md: 10 }}
     >
-      {isOpen ? (
-        <CloseIcon boxSize={{ base: 5, md: 8 }} />
-      ) : (
-        <HamburgerIcon boxSize={{ base: 8, md: 10 }} />
-      )}
+      <HamburgerIcon boxSize={{ base: 6, md: 8 }} />
     </Box>
   );
 };
diff --git a/packages/ui/components/navbar/NavBar.stories.tsx b/packages/ui/components/navbar/NavBar.stories.tsx
index 2bc7813d..f117ac1d 100644
--- a/packages/ui/components/navbar/NavBar.stories.tsx
+++ b/packages/ui/components/navbar/NavBar.stories.tsx
@@ -22,22 +22,5 @@ Default.args = {
   logoProps: {
     src: "/scse-logo.png",
     alt: "scse logo",
-    text: "NTU School of Computer Science & Engineering Club",
-  },
-};
-export const GoldenButton = Template.bind({});
-GoldenButton.args = {
-  links: [
-    { label: "Home", href: "/" },
-    { label: "Academics", href: "/academics" },
-    { label: "Events", href: "/events" },
-    { label: "Sponsors", href: "/sponsors" },
-    { label: "Contact", href: "/contact" },
-    { label: "BLOG", href: "/blog", menuLinkStyle: "button.golden" },
-  ],
-  logoProps: {
-    src: "/scse-logo.png",
-    alt: "scse logo",
-    text: "NTU School of Computer Science & Engineering Club",
   },
 };
diff --git a/packages/ui/components/navbar/NavBar.tsx b/packages/ui/components/navbar/NavBar.tsx
index 2a302cf1..97eb298f 100644
--- a/packages/ui/components/navbar/NavBar.tsx
+++ b/packages/ui/components/navbar/NavBar.tsx
@@ -4,7 +4,7 @@ import { Logo, LogoProps } from "./Logo";
 import { MenuToggle } from "./MenuToggle";
 import { MenuItems } from "./MenuItems";
 import { NavDrawer } from "./NavDrawer";
-import { useDisclosure } from "@chakra-ui/react";
+import { HStack, useDisclosure } from "@chakra-ui/react";
 import { MenuLinkProps } from "./MenuLink";
 
 export interface NavBarProps {
@@ -17,8 +17,10 @@ export const NavBar = ({ links, logoProps }: NavBarProps) => {
 
   return (
     <NavBarContainer>
-      <Logo src={logoProps.src} alt={logoProps.alt} text={logoProps.text} />
-      <MenuItems links={links} />
+      <HStack columnGap="25px" minW={{ base: "auto", xl: "100%" }}>
+        <Logo src={logoProps.src} alt={logoProps.alt} />
+        <MenuItems links={links} />
+      </HStack>
 
       {/* For small screen sizes */}
       <MenuToggle toggle={onOpen} isOpen={isOpen} />
diff --git a/packages/ui/components/navbar/NavBarContainer.tsx b/packages/ui/components/navbar/NavBarContainer.tsx
index 001235cc..7ac5ffc3 100644
--- a/packages/ui/components/navbar/NavBarContainer.tsx
+++ b/packages/ui/components/navbar/NavBarContainer.tsx
@@ -12,16 +12,16 @@ export const NavBarContainer = ({
   return (
     <Flex
       as="nav"
+      position="fixed"
+      zIndex={100}
+      backdropFilter="auto"
+      backdropBlur="base"
       align="center"
       justify="space-between"
-      w="100%"
-      p={[3, 3, 5, 5]}
+      w="100vw"
       pl={4}
       pr={8}
-      bg="brand.white"
-      color="brand.black"
-      borderBottom="1px"
-      borderColor="brand.gray.midlight"
+      color="brand.navy-dark"
       {...props}
     >
       {children}
diff --git a/packages/ui/fonts/garet/Garet-Book.otf b/packages/ui/fonts/garet/Garet-Book.otf
new file mode 100644
index 00000000..abc496fc
Binary files /dev/null and b/packages/ui/fonts/garet/Garet-Book.otf differ
diff --git a/packages/ui/fonts/garet/Garet-Book.ttf b/packages/ui/fonts/garet/Garet-Book.ttf
new file mode 100644
index 00000000..3d3c7d0d
Binary files /dev/null and b/packages/ui/fonts/garet/Garet-Book.ttf differ
diff --git a/packages/ui/fonts/garet/Garet-Book.woff b/packages/ui/fonts/garet/Garet-Book.woff
new file mode 100644
index 00000000..f8fd6406
Binary files /dev/null and b/packages/ui/fonts/garet/Garet-Book.woff differ
diff --git a/packages/ui/fonts/garet/Garet-Book.woff2 b/packages/ui/fonts/garet/Garet-Book.woff2
new file mode 100644
index 00000000..ea391980
Binary files /dev/null and b/packages/ui/fonts/garet/Garet-Book.woff2 differ
diff --git a/packages/ui/fonts/garet/Garet-Heavy.otf b/packages/ui/fonts/garet/Garet-Heavy.otf
new file mode 100644
index 00000000..08fcaf56
Binary files /dev/null and b/packages/ui/fonts/garet/Garet-Heavy.otf differ
diff --git a/packages/ui/fonts/garet/Garet-Heavy.ttf b/packages/ui/fonts/garet/Garet-Heavy.ttf
new file mode 100644
index 00000000..9d36171c
Binary files /dev/null and b/packages/ui/fonts/garet/Garet-Heavy.ttf differ
diff --git a/packages/ui/fonts/garet/Garet-Heavy.woff b/packages/ui/fonts/garet/Garet-Heavy.woff
new file mode 100644
index 00000000..9344ae6b
Binary files /dev/null and b/packages/ui/fonts/garet/Garet-Heavy.woff differ
diff --git a/packages/ui/fonts/garet/Garet-Heavy.woff2 b/packages/ui/fonts/garet/Garet-Heavy.woff2
new file mode 100644
index 00000000..2f525f58
Binary files /dev/null and b/packages/ui/fonts/garet/Garet-Heavy.woff2 differ
diff --git a/packages/ui/fonts/styles.css b/packages/ui/fonts/styles.css
new file mode 100644
index 00000000..85efa300
--- /dev/null
+++ b/packages/ui/fonts/styles.css
@@ -0,0 +1,13 @@
+/* Custom Font */
+@font-face {
+  font-family: 'Garet';
+  src: url('./garet/Garet-Book.otf') format('opentype'), /* OpenType (.otf) */
+      url('./garet/Garet-Book.ttf') format('truetype'), /* TrueType (.ttf) */
+      url('./garet/Garet-Book.woff') format('woff'), /* Web Open Font Format (.woff) */
+      url('./garet/Garet-Book.woff2') format('woff2'), /* Web Open Font Format 2 (.woff2) */
+      /* Heavy */
+      url('./garet/Garet-Heavy.otf') format('opentype'), /* OpenType (.otf) */
+      url('./garet/Garet-Heavy.ttf') format('truetype'), /* TrueType (.ttf) */
+      url('./garet/Garet-Heavy.woff') format('woff'), /* Web Open Font Format (.woff) */
+      url('./garet/Garet-Heavy.woff2') format('woff2'); /* Web Open Font Format 2 (.woff2) */
+}
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 67092ab2..f58a47f3 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -42,6 +42,7 @@
   "dependencies": {
     "@fontsource/poppins": "^4.5.10",
     "@fontsource/roboto": "^4.5.8",
-    "@fontsource/roboto-slab": "^4.5.9"
+    "@fontsource/roboto-slab": "^4.5.9",
+    "@fontsource/work-sans": "^4.5.14"
   }
 }
diff --git a/packages/ui/theme/components/Button.ts b/packages/ui/theme/components/Button.ts
index bca47d97..3c328720 100644
--- a/packages/ui/theme/components/Button.ts
+++ b/packages/ui/theme/components/Button.ts
@@ -25,7 +25,7 @@ const Button = defineStyleConfig({
   // Styles for the visual style variations
   variants: {
     'primary-blue': {
-      bg: 'brand.blue',
+      bg: 'brand.navy.medium',
     },
     'primary-black': {
       bg: 'black',
diff --git a/packages/ui/theme/foundations/colors.ts b/packages/ui/theme/foundations/colors.ts
index e4da0b24..bd3e20e7 100644
--- a/packages/ui/theme/foundations/colors.ts
+++ b/packages/ui/theme/foundations/colors.ts
@@ -1,22 +1,30 @@
 const colors = {
   brand: {
-    blue: "#2B6CB0", //blue.600
+    // Main SCSE brand colors
+    navy: {
+      light: "#6181AB",
+      medium: "#254876",
+      dark: "#0F2B50",
+    },
+    red: {
+      light: "#EF8891",
+      medium: "#DD616B",
+      dark: "#DE4652",
+    },
+
+    // Other Colors
     black: "#000000",
     white: "#FFFFFF",
-    orange: {
-      light: "#ED8936", //300
-      mid: "#ED8936", //400
-    },
     gray: {
       light: "#F7FAFC", //gray.50
-      midlight: "#E2E8F0", //gray.200
-      mid: "#A0AEC0", //gray.400
-      midDark: "#718096", //gray.500
+      mediumLight: "#E2E8F0", //gray.200
+      medium: "#A0AEC0", //gray.400
+      mediumDark: "#718096", //gray.500
       dark: "#2D3748", //gray.700
     },
     blackAlpha: {
       light: "RGBA(0, 0, 0, 0.04)", //50
-      mid: "RGBA(0, 0, 0, 0.16)", //300
+      medium: "RGBA(0, 0, 0, 0.16)", //300
       dark: "RGBA(0, 0, 0, 0.36)", //500
       darker: "RGBA(0, 0, 0, 0.48)", //600
     },
diff --git a/packages/ui/theme/foundations/fonts.ts b/packages/ui/theme/foundations/fonts.ts
index 025d9c50..0331b9a7 100644
--- a/packages/ui/theme/foundations/fonts.ts
+++ b/packages/ui/theme/foundations/fonts.ts
@@ -1,9 +1,9 @@
 const fonts = {
-  heading: `'Roboto', sans-serif`,
-  body: `'Roboto', sans-serif`,
-  title: `'Roboto', sans-serif`,
-  navigation: `'Poppins', sans-serif`,
-  timestamp: `'Roboto Slab', sans-serif`,
+  heading: `'Work Sans', sans-serif`,
+  body: `'Work Sans', sans-serif`,
+  title: `'Work Sans', sans-serif`,
+  navigation: `'Garet', sans-serif`,
+  timestamp: `'Work Sans', sans-serif`,
 };
 
 export default fonts;
diff --git a/yarn.lock b/yarn.lock
index 0f88830e..b34976d2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3386,6 +3386,11 @@
   resolved "https://registry.yarnpkg.com/@fontsource/roboto/-/roboto-4.5.8.tgz#56347764786079838faf43f0eeda22dd7328437f"
   integrity sha512-CnD7zLItIzt86q4Sj3kZUiLcBk1dSk81qcqgMGaZe7SQ1P8hFNxhMl5AZthK1zrDM5m74VVhaOpuMGIL4gagaA==
 
+"@fontsource/work-sans@^4.5.14":
+  version "4.5.14"
+  resolved "https://registry.yarnpkg.com/@fontsource/work-sans/-/work-sans-4.5.14.tgz#965bf103baa9f812d042b5f678a34f632fa76f2e"
+  integrity sha512-AFBSDBA3hnSCXHwb52qBOMEGqF5nfdbANp+y5/hbE1PMjYfFY0lUdtUwL5J7mRAdyn1NJwobJlhduHtlAyPzmA==
+
 "@gar/promisify@^1.0.1":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"