diff --git a/build/figma/figma.tokens.json b/build/figma/figma.tokens.json
index a78db279..81416f7b 100644
--- a/build/figma/figma.tokens.json
+++ b/build/figma/figma.tokens.json
@@ -244,11 +244,11 @@
         "type": "sizing"
       },
       "lg": {
-        "value": "64rem",
+        "value": "62rem",
         "type": "sizing"
       },
       "xl": {
-        "value": "75rem",
+        "value": "71.25rem",
         "type": "sizing"
       },
       "full": {
@@ -1880,7 +1880,7 @@
           "type": "spacing"
         },
         "width": {
-          "value": "75rem",
+          "value": "71.25rem",
           "type": "sizing"
         }
       },
@@ -2175,7 +2175,7 @@
       },
       "container": {
         "maxWidth": {
-          "value": "75rem",
+          "value": "71.25rem",
           "type": "sizing"
         }
       },
@@ -2538,6 +2538,313 @@
         "type": "spacing"
       }
     },
+    "nav-group": {
+      "mobile": {
+        "background": {
+          "value": "#FFF",
+          "type": "color"
+        },
+        "list": {
+          "margin": {
+            "value": "0.9375rem 0 0",
+            "type": "spacing"
+          }
+        },
+        "padding": {
+          "value": "0.5625rem 0.9375rem 1.5rem 0.9375rem",
+          "type": "spacing"
+        },
+        "trigger": {
+          "border": {
+            "radius": {
+              "value": "0.375rem",
+              "type": "other"
+            },
+            "width": {
+              "value": "0.125rem",
+              "type": "borderWidth"
+            }
+          },
+          "margin": {
+            "value": "0.5625rem",
+            "type": "spacing"
+          },
+          "text": {
+            "value": "#2b4380",
+            "type": "color"
+          }
+        }
+      },
+      "sideNav": {
+        "dropdown": {
+          "padding": {
+            "value": "2.25rem",
+            "type": "spacing"
+          }
+        },
+        "trigger": {
+          "fontWeight": {
+            "value": "600",
+            "type": "color"
+          },
+          "hover": {
+            "background": {
+              "value": "#F1F2F3",
+              "type": "color"
+            }
+          },
+          "icon": {
+            "margin": {
+              "value": "1.125rem",
+              "type": "spacing"
+            }
+          },
+          "margin": {
+            "value": "0.5625rem",
+            "type": "spacing"
+          }
+        }
+      },
+      "topNav": {
+        "dropdown": {
+          "background": {
+            "value": "#F1F2F3",
+            "type": "color"
+          },
+          "box-shadow": {
+            "value": "0 0 0.5625rem rgba(0, 0, 0, 0.25)",
+            "type": "color"
+          },
+          "padding": {
+            "value": "0.75rem 0.75rem 0.1875rem",
+            "type": "spacing"
+          },
+          "width": {
+            "value": "20rem",
+            "type": "sizing"
+          }
+        },
+        "trigger": {
+          "border": {
+            "width": {
+              "value": "0.25rem",
+              "type": "borderWidth"
+            }
+          },
+          "hover": {
+            "background": {
+              "value": "#D6D9DD",
+              "type": "color"
+            }
+          },
+          "icon": {
+            "margin": {
+              "value": "0.9375rem",
+              "type": "spacing"
+            }
+          },
+          "padding": {
+            "value": "1.125rem",
+            "type": "spacing"
+          }
+        }
+      },
+      "trigger": {
+        "focus": {
+          "background": {
+            "value": "#0535d2",
+            "type": "color"
+          },
+          "text": {
+            "value": "#FFF",
+            "type": "color"
+          },
+          "border-radius": {
+            "value": "0.1875rem",
+            "type": "other"
+          },
+          "outline-offset": {
+            "value": "0.125rem",
+            "type": "borderWidth"
+          },
+          "outline": {
+            "value": "0.1875rem solid #0535d2",
+            "type": "other"
+          }
+        },
+        "font": {
+          "value": {
+            "fontFamily": "\"Noto Sans\", sans-serif",
+            "fontWeight": "400",
+            "lineHeight": "120%",
+            "fontSize": "1.25rem"
+          },
+          "type": "typography"
+        },
+        "hover": {
+          "text": {
+            "value": "#0535d2",
+            "type": "color"
+          }
+        },
+        "maxWidth": {
+          "value": "20rem",
+          "type": "sizing"
+        },
+        "padding": {
+          "value": "0.9375rem",
+          "type": "spacing"
+        },
+        "text": {
+          "value": "#333333",
+          "type": "color"
+        }
+      }
+    },
+    "nav-link": {
+      "active": {
+        "border": {
+          "color": {
+            "value": "#33465c",
+            "type": "color"
+          }
+        },
+        "fontWeight": {
+          "value": "700",
+          "type": "color"
+        },
+        "text": {
+          "value": "#26374A",
+          "type": "color"
+        },
+        "background": {
+          "value": "#D7E5F5",
+          "type": "color"
+        }
+      },
+      "border": {
+        "width": {
+          "value": "0.25rem",
+          "type": "borderWidth"
+        }
+      },
+      "default": {
+        "text": {
+          "value": "#2b4380",
+          "type": "color"
+        },
+        "decoration": {
+          "thickness": {
+            "value": "0.0625rem",
+            "type": "borderWidth"
+          }
+        },
+        "maxWidth": {
+          "value": "20rem",
+          "type": "sizing"
+        },
+        "underline": {
+          "offset": {
+            "value": "0.25rem",
+            "type": "borderWidth"
+          }
+        }
+      },
+      "focus": {
+        "background": {
+          "value": "#0535d2",
+          "type": "color"
+        },
+        "text": {
+          "value": "#FFF",
+          "type": "color"
+        },
+        "border-radius": {
+          "value": "0.1875rem",
+          "type": "other"
+        },
+        "outline-offset": {
+          "value": "0.125rem",
+          "type": "borderWidth"
+        },
+        "outline": {
+          "value": "0.1875rem solid #0535d2",
+          "type": "other"
+        }
+      },
+      "font": {
+        "value": {
+          "fontFamily": "\"Noto Sans\", sans-serif",
+          "fontWeight": "400",
+          "lineHeight": "120%",
+          "fontSize": "1.25rem"
+        },
+        "type": "typography"
+      },
+      "hover": {
+        "decoration": {
+          "thickness": {
+            "value": "0.125rem",
+            "type": "borderWidth"
+          }
+        },
+        "text": {
+          "value": "#0535d2",
+          "type": "color"
+        }
+      },
+      "margin": {
+        "value": "0.5625rem",
+        "type": "spacing"
+      },
+      "padding": {
+        "value": "0.9375rem",
+        "type": "spacing"
+      },
+      "sideNav": {
+        "hover": {
+          "background": {
+            "value": "#F1F2F3",
+            "type": "color"
+          }
+        },
+        "padding": {
+          "value": "0.9375rem 0.75rem",
+          "type": "spacing"
+        }
+      },
+      "topNav": {
+        "hover": {
+          "background": {
+            "value": "#D6D9DD",
+            "type": "color"
+          }
+        },
+        "home": {
+          "font": {
+            "value": {
+              "fontFamily": "\"Noto Sans\", sans-serif",
+              "fontWeight": "500",
+              "lineHeight": "126.41975308641975%",
+              "fontSize": "1.58203125rem"
+            },
+            "type": "typography"
+          },
+          "padding": {
+            "value": "0.9375rem 0.1875rem",
+            "type": "spacing"
+          }
+        },
+        "padding": {
+          "value": "1.125rem",
+          "type": "spacing"
+        },
+        "text": {
+          "value": "#333333",
+          "type": "color"
+        }
+      }
+    },
     "pagination": {
       "active": {
         "text": {
@@ -2895,6 +3202,31 @@
         "type": "spacing"
       }
     },
+    "side-nav": {
+      "heading": {
+        "font": {
+          "value": {
+            "fontFamily": "\"Lato\", sans-serif",
+            "fontWeight": "700",
+            "lineHeight": "126.41975308641975%",
+            "fontSize": "1.58203125rem"
+          },
+          "type": "typography"
+        },
+        "margin": {
+          "value": "0.5625rem",
+          "type": "spacing"
+        },
+        "padding": {
+          "value": "0.9375rem",
+          "type": "spacing"
+        }
+      },
+      "maxWidth": {
+        "value": "20rem",
+        "type": "sizing"
+      }
+    },
     "signature": {
       "color": {
         "flag": {
@@ -2937,80 +3269,6 @@
         }
       }
     },
-    "site-menu": {
-      "active": {
-        "background": {
-          "value": "#333333",
-          "type": "color"
-        },
-        "text": {
-          "value": "#FFF",
-          "type": "color"
-        }
-      },
-      "container": {
-        "maxWidth": {
-          "value": "75rem",
-          "type": "sizing"
-        }
-      },
-      "default": {
-        "background": {
-          "value": "#F1F2F3",
-          "type": "color"
-        },
-        "border": {
-          "value": "#00030",
-          "type": "color"
-        },
-        "text": {
-          "value": "#333333",
-          "type": "color"
-        }
-      },
-      "focus": {
-        "background": {
-          "value": "#0535d2",
-          "type": "color"
-        },
-        "text": {
-          "value": "#FFF",
-          "type": "color"
-        }
-      },
-      "hover": {
-        "background": {
-          "value": "#A8ADB450",
-          "type": "color"
-        }
-      },
-      "selection": {
-        "background": {
-          "value": "#B3800F",
-          "type": "color"
-        },
-        "text": {
-          "value": "#333333",
-          "type": "color"
-        }
-      },
-      "submenu": {
-        "background": {
-          "value": "#D6D9DD",
-          "type": "color"
-        },
-        "box-shadow": {
-          "value": "#00030",
-          "type": "color"
-        },
-        "trigger": {
-          "text": {
-            "value": "#333333",
-            "type": "color"
-          }
-        }
-      }
-    },
     "stepper": {
       "font": {
         "value": {
@@ -3101,6 +3359,16 @@
         "type": "spacing"
       }
     },
+    "top-nav": {
+      "background": {
+        "value": "#F1F2F3",
+        "type": "color"
+      },
+      "maxWidth": {
+        "value": "71.25rem",
+        "type": "sizing"
+      }
+    },
     "verify-banner": {
       "background": {
         "value": "#D6D9DD",
@@ -3120,11 +3388,11 @@
           "type": "sizing"
         },
         "lg": {
-          "value": "64rem",
+          "value": "62rem",
           "type": "sizing"
         },
         "xl": {
-          "value": "75rem",
+          "value": "71.25rem",
           "type": "sizing"
         },
         "full": {
diff --git a/build/web/css/.css b/build/web/css/.css
index 733a08a5..b02bd510 100644
--- a/build/web/css/.css
+++ b/build/web/css/.css
@@ -57,8 +57,8 @@
   --gcds-container-xs: 20rem;
   --gcds-container-sm: 30rem;
   --gcds-container-md: 48rem;
-  --gcds-container-lg: 64rem;
-  --gcds-container-xl: 75rem;
+  --gcds-container-lg: 62rem;
+  --gcds-container-xl: 71.25rem;
   --gcds-container-full: 100%;
   --gcds-container-size-xs: 20rem;
   --gcds-container-size-sm: 30rem;
@@ -361,7 +361,7 @@
   --gcds-file-uploader-focus-button-text: #ffffff;
   --gcds-file-uploader-focus-text: #0535d2;
   --gcds-footer-container-margin: 0 auto;
-  --gcds-footer-container-width: 75rem;
+  --gcds-footer-container-width: 71.25rem;
   --gcds-footer-contextual-background: #33465c;
   --gcds-footer-contextual-padding: 1.125rem 0;
   --gcds-footer-contextual-text: #ffffff;
@@ -418,7 +418,7 @@
   --gcds-header-brand-padding: 0 0 0.375rem;
   --gcds-header-brand-search-width: 30rem;
   --gcds-header-brand-toggle-padding: 0 1.125rem;
-  --gcds-header-container-max-width: 75rem;
+  --gcds-header-container-max-width: 71.25rem;
   --gcds-header-margin: 0 0 0.75rem;
   --gcds-header-topnav-top: 1.5rem;
   --gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif;
@@ -492,6 +492,62 @@
   --gcds-lang-toggle-hover-text: #0535d2;
   --gcds-lang-toggle-hover-decoration-thickness: 0.125rem;
   --gcds-lang-toggle-padding: 0.5625rem;
+  --gcds-nav-group-mobile-background: #ffffff;
+  --gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
+  --gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
+  --gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
+  --gcds-nav-group-mobile-trigger-border-width: 0.125rem;
+  --gcds-nav-group-mobile-trigger-margin: 0.5625rem;
+  --gcds-nav-group-mobile-trigger-text: #2b4380;
+  --gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
+  --gcds-nav-group-side-nav-trigger-font-weight: 600;
+  --gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
+  --gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
+  --gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
+  --gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
+  --gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, 0.25);
+  --gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
+  --gcds-nav-group-top-nav-dropdown-width: 20rem;
+  --gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
+  --gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
+  --gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
+  --gcds-nav-group-top-nav-trigger-padding: 1.125rem;
+  --gcds-nav-group-trigger-focus-background: #0535d2;
+  --gcds-nav-group-trigger-focus-text: #ffffff;
+  --gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
+  --gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
+  --gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
+  --gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+  --gcds-nav-group-trigger-hover-text: #0535d2;
+  --gcds-nav-group-trigger-max-width: 20rem;
+  --gcds-nav-group-trigger-padding: 0.9375rem;
+  --gcds-nav-group-trigger-text: #333333;
+  --gcds-nav-link-active-border-color: #33465c;
+  --gcds-nav-link-active-font-weight: 700;
+  --gcds-nav-link-active-text: #26374a;
+  --gcds-nav-link-active-background: #d7e5f5;
+  --gcds-nav-link-border-width: 0.25rem;
+  --gcds-nav-link-default-text: #2b4380;
+  --gcds-nav-link-default-decoration-thickness: 0.0625rem;
+  --gcds-nav-link-default-max-width: 20rem;
+  --gcds-nav-link-default-underline-offset: 0.25rem;
+  --gcds-nav-link-focus-background: #0535d2;
+  --gcds-nav-link-focus-text: #ffffff;
+  --gcds-nav-link-focus-border-radius: 0.1875rem;
+  --gcds-nav-link-focus-outline-offset: 0.125rem;
+  --gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
+  --gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+  --gcds-nav-link-hover-decoration-thickness: 0.125rem;
+  --gcds-nav-link-hover-text: #0535d2;
+  --gcds-nav-link-margin: 0.5625rem;
+  --gcds-nav-link-padding: 0.9375rem;
+  --gcds-nav-link-side-nav-hover-background: #f1f2f3;
+  --gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
+  --gcds-nav-link-top-nav-hover-background: #d6d9dd;
+  --gcds-nav-link-top-nav-home-font: 500 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
+  --gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
+  --gcds-nav-link-top-nav-padding: 1.125rem;
+  --gcds-nav-link-top-nav-text: #333333;
   --gcds-pagination-active-text: #ffffff;
   --gcds-pagination-active-background: #26374a;
   --gcds-pagination-border-radius: 0.1875rem;
@@ -553,6 +609,10 @@
   --gcds-select-min-width-and-height: 3rem;
   --gcds-select-outline-width: 0.1875rem;
   --gcds-select-padding: 0.75rem 3.75rem 0.75rem 0.75rem;
+  --gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
+  --gcds-side-nav-heading-margin: 0.5625rem;
+  --gcds-side-nav-heading-padding: 0.9375rem;
+  --gcds-side-nav-max-width: 20rem;
   --gcds-signature-color-flag: #ff0000;
   --gcds-signature-color-text: #000000;
   --gcds-signature-margin: 0 0 0.375rem;
@@ -561,20 +621,6 @@
   --gcds-signature-white-default: #ffffff;
   --gcds-signature-wordmark-margin: 2.25rem 0;
   --gcds-signature-wordmark-height: 3rem;
-  --gcds-site-menu-active-background: #333333;
-  --gcds-site-menu-active-text: #ffffff;
-  --gcds-site-menu-container-max-width: 75rem;
-  --gcds-site-menu-default-background: #f1f2f3;
-  --gcds-site-menu-default-border: #00000030;
-  --gcds-site-menu-default-text: #333333;
-  --gcds-site-menu-focus-background: #0535d2;
-  --gcds-site-menu-focus-text: #ffffff;
-  --gcds-site-menu-hover-background: #a8adb450;
-  --gcds-site-menu-selection-background: #b3800f;
-  --gcds-site-menu-selection-text: #333333;
-  --gcds-site-menu-submenu-background: #d6d9dd;
-  --gcds-site-menu-submenu-box-shadow: #00000030;
-  --gcds-site-menu-submenu-trigger-text: #333333;
   --gcds-stepper-font: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
   --gcds-stepper-margin: 0 0 1.125rem;
   --gcds-stepper-text: #43474e;
@@ -591,12 +637,14 @@
   --gcds-textarea-min-height: 3rem;
   --gcds-textarea-outline-width: 0.1875rem;
   --gcds-textarea-padding: 0.75rem;
+  --gcds-top-nav-background: #f1f2f3;
+  --gcds-top-nav-max-width: 71.25rem;
   --gcds-verify-banner-background: #d6d9dd;
   --gcds-verify-banner-container-xs: 20rem;
   --gcds-verify-banner-container-sm: 30rem;
   --gcds-verify-banner-container-md: 48rem;
-  --gcds-verify-banner-container-lg: 64rem;
-  --gcds-verify-banner-container-xl: 75rem;
+  --gcds-verify-banner-container-lg: 62rem;
+  --gcds-verify-banner-container-xl: 71.25rem;
   --gcds-verify-banner-container-full: 100%;
   --gcds-verify-banner-container-padding: 1.125rem;
   --gcds-verify-banner-content-border-color: #7d828b;
diff --git a/build/web/css/components.css b/build/web/css/components.css
index d26b8183..d6007306 100644
--- a/build/web/css/components.css
+++ b/build/web/css/components.css
@@ -250,7 +250,7 @@
   --gcds-file-uploader-focus-button-text: #ffffff;
   --gcds-file-uploader-focus-text: #0535d2;
   --gcds-footer-container-margin: 0 auto;
-  --gcds-footer-container-width: 75rem;
+  --gcds-footer-container-width: 71.25rem;
   --gcds-footer-contextual-background: #33465c;
   --gcds-footer-contextual-padding: 1.125rem 0;
   --gcds-footer-contextual-text: #ffffff;
@@ -307,7 +307,7 @@
   --gcds-header-brand-padding: 0 0 0.375rem;
   --gcds-header-brand-search-width: 30rem;
   --gcds-header-brand-toggle-padding: 0 1.125rem;
-  --gcds-header-container-max-width: 75rem;
+  --gcds-header-container-max-width: 71.25rem;
   --gcds-header-margin: 0 0 0.75rem;
   --gcds-header-topnav-top: 1.5rem;
   --gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif;
@@ -381,6 +381,62 @@
   --gcds-lang-toggle-hover-text: #0535d2;
   --gcds-lang-toggle-hover-decoration-thickness: 0.125rem;
   --gcds-lang-toggle-padding: 0.5625rem;
+  --gcds-nav-group-mobile-background: #ffffff;
+  --gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
+  --gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
+  --gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
+  --gcds-nav-group-mobile-trigger-border-width: 0.125rem;
+  --gcds-nav-group-mobile-trigger-margin: 0.5625rem;
+  --gcds-nav-group-mobile-trigger-text: #2b4380;
+  --gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
+  --gcds-nav-group-side-nav-trigger-font-weight: 600;
+  --gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
+  --gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
+  --gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
+  --gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
+  --gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, 0.25);
+  --gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
+  --gcds-nav-group-top-nav-dropdown-width: 20rem;
+  --gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
+  --gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
+  --gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
+  --gcds-nav-group-top-nav-trigger-padding: 1.125rem;
+  --gcds-nav-group-trigger-focus-background: #0535d2;
+  --gcds-nav-group-trigger-focus-text: #ffffff;
+  --gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
+  --gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
+  --gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
+  --gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+  --gcds-nav-group-trigger-hover-text: #0535d2;
+  --gcds-nav-group-trigger-max-width: 20rem;
+  --gcds-nav-group-trigger-padding: 0.9375rem;
+  --gcds-nav-group-trigger-text: #333333;
+  --gcds-nav-link-active-border-color: #33465c;
+  --gcds-nav-link-active-font-weight: 700;
+  --gcds-nav-link-active-text: #26374a;
+  --gcds-nav-link-active-background: #d7e5f5;
+  --gcds-nav-link-border-width: 0.25rem;
+  --gcds-nav-link-default-text: #2b4380;
+  --gcds-nav-link-default-decoration-thickness: 0.0625rem;
+  --gcds-nav-link-default-max-width: 20rem;
+  --gcds-nav-link-default-underline-offset: 0.25rem;
+  --gcds-nav-link-focus-background: #0535d2;
+  --gcds-nav-link-focus-text: #ffffff;
+  --gcds-nav-link-focus-border-radius: 0.1875rem;
+  --gcds-nav-link-focus-outline-offset: 0.125rem;
+  --gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
+  --gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+  --gcds-nav-link-hover-decoration-thickness: 0.125rem;
+  --gcds-nav-link-hover-text: #0535d2;
+  --gcds-nav-link-margin: 0.5625rem;
+  --gcds-nav-link-padding: 0.9375rem;
+  --gcds-nav-link-side-nav-hover-background: #f1f2f3;
+  --gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
+  --gcds-nav-link-top-nav-hover-background: #d6d9dd;
+  --gcds-nav-link-top-nav-home-font: 500 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
+  --gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
+  --gcds-nav-link-top-nav-padding: 1.125rem;
+  --gcds-nav-link-top-nav-text: #333333;
   --gcds-pagination-active-text: #ffffff;
   --gcds-pagination-active-background: #26374a;
   --gcds-pagination-border-radius: 0.1875rem;
@@ -442,6 +498,10 @@
   --gcds-select-min-width-and-height: 3rem;
   --gcds-select-outline-width: 0.1875rem;
   --gcds-select-padding: 0.75rem 3.75rem 0.75rem 0.75rem;
+  --gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
+  --gcds-side-nav-heading-margin: 0.5625rem;
+  --gcds-side-nav-heading-padding: 0.9375rem;
+  --gcds-side-nav-max-width: 20rem;
   --gcds-signature-color-flag: #ff0000;
   --gcds-signature-color-text: #000000;
   --gcds-signature-margin: 0 0 0.375rem;
@@ -450,20 +510,6 @@
   --gcds-signature-white-default: #ffffff;
   --gcds-signature-wordmark-margin: 2.25rem 0;
   --gcds-signature-wordmark-height: 3rem;
-  --gcds-site-menu-active-background: #333333;
-  --gcds-site-menu-active-text: #ffffff;
-  --gcds-site-menu-container-max-width: 75rem;
-  --gcds-site-menu-default-background: #f1f2f3;
-  --gcds-site-menu-default-border: #00000030;
-  --gcds-site-menu-default-text: #333333;
-  --gcds-site-menu-focus-background: #0535d2;
-  --gcds-site-menu-focus-text: #ffffff;
-  --gcds-site-menu-hover-background: #a8adb450;
-  --gcds-site-menu-selection-background: #b3800f;
-  --gcds-site-menu-selection-text: #333333;
-  --gcds-site-menu-submenu-background: #d6d9dd;
-  --gcds-site-menu-submenu-box-shadow: #00000030;
-  --gcds-site-menu-submenu-trigger-text: #333333;
   --gcds-stepper-font: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
   --gcds-stepper-margin: 0 0 1.125rem;
   --gcds-stepper-text: #43474e;
@@ -480,12 +526,14 @@
   --gcds-textarea-min-height: 3rem;
   --gcds-textarea-outline-width: 0.1875rem;
   --gcds-textarea-padding: 0.75rem;
+  --gcds-top-nav-background: #f1f2f3;
+  --gcds-top-nav-max-width: 71.25rem;
   --gcds-verify-banner-background: #d6d9dd;
   --gcds-verify-banner-container-xs: 20rem;
   --gcds-verify-banner-container-sm: 30rem;
   --gcds-verify-banner-container-md: 48rem;
-  --gcds-verify-banner-container-lg: 64rem;
-  --gcds-verify-banner-container-xl: 75rem;
+  --gcds-verify-banner-container-lg: 62rem;
+  --gcds-verify-banner-container-xl: 71.25rem;
   --gcds-verify-banner-container-full: 100%;
   --gcds-verify-banner-container-padding: 1.125rem;
   --gcds-verify-banner-content-border-color: #7d828b;
diff --git a/build/web/css/components/footer.css b/build/web/css/components/footer.css
index 856d63e7..8e699c0c 100644
--- a/build/web/css/components/footer.css
+++ b/build/web/css/components/footer.css
@@ -1,11 +1,11 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 20:28:18 GMT
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
  */
 
 :root {
   --gcds-footer-container-margin: 0 auto;
-  --gcds-footer-container-width: 75rem;
+  --gcds-footer-container-width: 71.25rem;
   --gcds-footer-contextual-background: #33465c;
   --gcds-footer-contextual-padding: 1.125rem 0;
   --gcds-footer-contextual-text: #ffffff;
diff --git a/build/web/css/components/header.css b/build/web/css/components/header.css
index 3f00fec5..9a1f3b68 100644
--- a/build/web/css/components/header.css
+++ b/build/web/css/components/header.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 20:28:18 GMT
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
  */
 
 :root {
@@ -11,7 +11,7 @@
   --gcds-header-brand-padding: 0 0 0.375rem;
   --gcds-header-brand-search-width: 30rem;
   --gcds-header-brand-toggle-padding: 0 1.125rem;
-  --gcds-header-container-max-width: 75rem;
+  --gcds-header-container-max-width: 71.25rem;
   --gcds-header-margin: 0 0 0.75rem;
   --gcds-header-topnav-top: 1.5rem;
 }
diff --git a/build/web/css/components/nav-group.css b/build/web/css/components/nav-group.css
new file mode 100644
index 00000000..c5e150bc
--- /dev/null
+++ b/build/web/css/components/nav-group.css
@@ -0,0 +1,37 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
+ */
+
+:root {
+  --gcds-nav-group-mobile-background: #ffffff;
+  --gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
+  --gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
+  --gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
+  --gcds-nav-group-mobile-trigger-border-width: 0.125rem;
+  --gcds-nav-group-mobile-trigger-margin: 0.5625rem;
+  --gcds-nav-group-mobile-trigger-text: #2b4380;
+  --gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
+  --gcds-nav-group-side-nav-trigger-font-weight: 600;
+  --gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
+  --gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
+  --gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
+  --gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
+  --gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, 0.25);
+  --gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
+  --gcds-nav-group-top-nav-dropdown-width: 20rem;
+  --gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
+  --gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
+  --gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
+  --gcds-nav-group-top-nav-trigger-padding: 1.125rem;
+  --gcds-nav-group-trigger-focus-background: #0535d2;
+  --gcds-nav-group-trigger-focus-text: #ffffff;
+  --gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
+  --gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
+  --gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
+  --gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+  --gcds-nav-group-trigger-hover-text: #0535d2;
+  --gcds-nav-group-trigger-max-width: 20rem;
+  --gcds-nav-group-trigger-padding: 0.9375rem;
+  --gcds-nav-group-trigger-text: #333333;
+}
diff --git a/build/web/css/components/nav-link.css b/build/web/css/components/nav-link.css
new file mode 100644
index 00000000..6805ab72
--- /dev/null
+++ b/build/web/css/components/nav-link.css
@@ -0,0 +1,33 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
+ */
+
+:root {
+  --gcds-nav-link-active-border-color: #33465c;
+  --gcds-nav-link-active-font-weight: 700;
+  --gcds-nav-link-active-text: #26374a;
+  --gcds-nav-link-active-background: #d7e5f5;
+  --gcds-nav-link-border-width: 0.25rem;
+  --gcds-nav-link-default-text: #2b4380;
+  --gcds-nav-link-default-decoration-thickness: 0.0625rem;
+  --gcds-nav-link-default-max-width: 20rem;
+  --gcds-nav-link-default-underline-offset: 0.25rem;
+  --gcds-nav-link-focus-background: #0535d2;
+  --gcds-nav-link-focus-text: #ffffff;
+  --gcds-nav-link-focus-border-radius: 0.1875rem;
+  --gcds-nav-link-focus-outline-offset: 0.125rem;
+  --gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
+  --gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+  --gcds-nav-link-hover-decoration-thickness: 0.125rem;
+  --gcds-nav-link-hover-text: #0535d2;
+  --gcds-nav-link-margin: 0.5625rem;
+  --gcds-nav-link-padding: 0.9375rem;
+  --gcds-nav-link-side-nav-hover-background: #f1f2f3;
+  --gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
+  --gcds-nav-link-top-nav-hover-background: #d6d9dd;
+  --gcds-nav-link-top-nav-home-font: 500 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
+  --gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
+  --gcds-nav-link-top-nav-padding: 1.125rem;
+  --gcds-nav-link-top-nav-text: #333333;
+}
diff --git a/build/web/css/components/side-nav.css b/build/web/css/components/side-nav.css
new file mode 100644
index 00000000..a729378c
--- /dev/null
+++ b/build/web/css/components/side-nav.css
@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
+ */
+
+:root {
+  --gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
+  --gcds-side-nav-heading-margin: 0.5625rem;
+  --gcds-side-nav-heading-padding: 0.9375rem;
+  --gcds-side-nav-max-width: 20rem;
+}
diff --git a/build/web/css/components/site-menu.css b/build/web/css/components/site-menu.css
deleted file mode 100644
index 7b3605e8..00000000
--- a/build/web/css/components/site-menu.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 19 Jun 2023 20:28:18 GMT
- */
-
-:root {
-  --gcds-site-menu-active-background: #333333;
-  --gcds-site-menu-active-text: #ffffff;
-  --gcds-site-menu-container-max-width: 75rem;
-  --gcds-site-menu-default-background: #f1f2f3;
-  --gcds-site-menu-default-border: #00000030;
-  --gcds-site-menu-default-text: #333333;
-  --gcds-site-menu-focus-background: #0535d2;
-  --gcds-site-menu-focus-text: #ffffff;
-  --gcds-site-menu-hover-background: #a8adb450;
-  --gcds-site-menu-selection-background: #b3800f;
-  --gcds-site-menu-selection-text: #333333;
-  --gcds-site-menu-submenu-background: #d6d9dd;
-  --gcds-site-menu-submenu-box-shadow: #00000030;
-  --gcds-site-menu-submenu-trigger-text: #333333;
-}
diff --git a/build/web/css/components/top-nav.css b/build/web/css/components/top-nav.css
new file mode 100644
index 00000000..978096a5
--- /dev/null
+++ b/build/web/css/components/top-nav.css
@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
+ */
+
+:root {
+  --gcds-top-nav-background: #f1f2f3;
+  --gcds-top-nav-max-width: 71.25rem;
+}
diff --git a/build/web/css/components/verify-banner.css b/build/web/css/components/verify-banner.css
index f300cd01..96451e9b 100644
--- a/build/web/css/components/verify-banner.css
+++ b/build/web/css/components/verify-banner.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 20:28:18 GMT
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
  */
 
 :root {
@@ -8,8 +8,8 @@
   --gcds-verify-banner-container-xs: 20rem;
   --gcds-verify-banner-container-sm: 30rem;
   --gcds-verify-banner-container-md: 48rem;
-  --gcds-verify-banner-container-lg: 64rem;
-  --gcds-verify-banner-container-xl: 75rem;
+  --gcds-verify-banner-container-lg: 62rem;
+  --gcds-verify-banner-container-xl: 71.25rem;
   --gcds-verify-banner-container-full: 100%;
   --gcds-verify-banner-container-padding: 1.125rem;
   --gcds-verify-banner-content-border-color: #7d828b;
diff --git a/build/web/css/global.css b/build/web/css/global.css
index 704d6de3..d1f118a7 100644
--- a/build/web/css/global.css
+++ b/build/web/css/global.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 20:28:18 GMT
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
  */
 
 :root {
@@ -32,8 +32,8 @@
   --gcds-container-xs: 20rem;
   --gcds-container-sm: 30rem;
   --gcds-container-md: 48rem;
-  --gcds-container-lg: 64rem;
-  --gcds-container-xl: 75rem;
+  --gcds-container-lg: 62rem;
+  --gcds-container-xl: 71.25rem;
   --gcds-container-full: 100%;
   --gcds-outline-width: 0.1875rem; /* Global outline: width */
   --gcds-spacing-0: 0;
diff --git a/build/web/css/global/container.css b/build/web/css/global/container.css
index b49a1c2b..7eddf823 100644
--- a/build/web/css/global/container.css
+++ b/build/web/css/global/container.css
@@ -1,13 +1,13 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 20:28:18 GMT
+ * Generated on Tue, 27 Jun 2023 23:49:41 GMT
  */
 
 :root {
   --gcds-container-xs: 20rem;
   --gcds-container-sm: 30rem;
   --gcds-container-md: 48rem;
-  --gcds-container-lg: 64rem;
-  --gcds-container-xl: 75rem;
+  --gcds-container-lg: 62rem;
+  --gcds-container-xl: 71.25rem;
   --gcds-container-full: 100%;
 }
diff --git a/build/web/css/tokens.css b/build/web/css/tokens.css
index 733a08a5..b02bd510 100644
--- a/build/web/css/tokens.css
+++ b/build/web/css/tokens.css
@@ -57,8 +57,8 @@
   --gcds-container-xs: 20rem;
   --gcds-container-sm: 30rem;
   --gcds-container-md: 48rem;
-  --gcds-container-lg: 64rem;
-  --gcds-container-xl: 75rem;
+  --gcds-container-lg: 62rem;
+  --gcds-container-xl: 71.25rem;
   --gcds-container-full: 100%;
   --gcds-container-size-xs: 20rem;
   --gcds-container-size-sm: 30rem;
@@ -361,7 +361,7 @@
   --gcds-file-uploader-focus-button-text: #ffffff;
   --gcds-file-uploader-focus-text: #0535d2;
   --gcds-footer-container-margin: 0 auto;
-  --gcds-footer-container-width: 75rem;
+  --gcds-footer-container-width: 71.25rem;
   --gcds-footer-contextual-background: #33465c;
   --gcds-footer-contextual-padding: 1.125rem 0;
   --gcds-footer-contextual-text: #ffffff;
@@ -418,7 +418,7 @@
   --gcds-header-brand-padding: 0 0 0.375rem;
   --gcds-header-brand-search-width: 30rem;
   --gcds-header-brand-toggle-padding: 0 1.125rem;
-  --gcds-header-container-max-width: 75rem;
+  --gcds-header-container-max-width: 71.25rem;
   --gcds-header-margin: 0 0 0.75rem;
   --gcds-header-topnav-top: 1.5rem;
   --gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif;
@@ -492,6 +492,62 @@
   --gcds-lang-toggle-hover-text: #0535d2;
   --gcds-lang-toggle-hover-decoration-thickness: 0.125rem;
   --gcds-lang-toggle-padding: 0.5625rem;
+  --gcds-nav-group-mobile-background: #ffffff;
+  --gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
+  --gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
+  --gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
+  --gcds-nav-group-mobile-trigger-border-width: 0.125rem;
+  --gcds-nav-group-mobile-trigger-margin: 0.5625rem;
+  --gcds-nav-group-mobile-trigger-text: #2b4380;
+  --gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
+  --gcds-nav-group-side-nav-trigger-font-weight: 600;
+  --gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
+  --gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
+  --gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
+  --gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
+  --gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, 0.25);
+  --gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
+  --gcds-nav-group-top-nav-dropdown-width: 20rem;
+  --gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
+  --gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
+  --gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
+  --gcds-nav-group-top-nav-trigger-padding: 1.125rem;
+  --gcds-nav-group-trigger-focus-background: #0535d2;
+  --gcds-nav-group-trigger-focus-text: #ffffff;
+  --gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
+  --gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
+  --gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
+  --gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+  --gcds-nav-group-trigger-hover-text: #0535d2;
+  --gcds-nav-group-trigger-max-width: 20rem;
+  --gcds-nav-group-trigger-padding: 0.9375rem;
+  --gcds-nav-group-trigger-text: #333333;
+  --gcds-nav-link-active-border-color: #33465c;
+  --gcds-nav-link-active-font-weight: 700;
+  --gcds-nav-link-active-text: #26374a;
+  --gcds-nav-link-active-background: #d7e5f5;
+  --gcds-nav-link-border-width: 0.25rem;
+  --gcds-nav-link-default-text: #2b4380;
+  --gcds-nav-link-default-decoration-thickness: 0.0625rem;
+  --gcds-nav-link-default-max-width: 20rem;
+  --gcds-nav-link-default-underline-offset: 0.25rem;
+  --gcds-nav-link-focus-background: #0535d2;
+  --gcds-nav-link-focus-text: #ffffff;
+  --gcds-nav-link-focus-border-radius: 0.1875rem;
+  --gcds-nav-link-focus-outline-offset: 0.125rem;
+  --gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
+  --gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+  --gcds-nav-link-hover-decoration-thickness: 0.125rem;
+  --gcds-nav-link-hover-text: #0535d2;
+  --gcds-nav-link-margin: 0.5625rem;
+  --gcds-nav-link-padding: 0.9375rem;
+  --gcds-nav-link-side-nav-hover-background: #f1f2f3;
+  --gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
+  --gcds-nav-link-top-nav-hover-background: #d6d9dd;
+  --gcds-nav-link-top-nav-home-font: 500 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
+  --gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
+  --gcds-nav-link-top-nav-padding: 1.125rem;
+  --gcds-nav-link-top-nav-text: #333333;
   --gcds-pagination-active-text: #ffffff;
   --gcds-pagination-active-background: #26374a;
   --gcds-pagination-border-radius: 0.1875rem;
@@ -553,6 +609,10 @@
   --gcds-select-min-width-and-height: 3rem;
   --gcds-select-outline-width: 0.1875rem;
   --gcds-select-padding: 0.75rem 3.75rem 0.75rem 0.75rem;
+  --gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
+  --gcds-side-nav-heading-margin: 0.5625rem;
+  --gcds-side-nav-heading-padding: 0.9375rem;
+  --gcds-side-nav-max-width: 20rem;
   --gcds-signature-color-flag: #ff0000;
   --gcds-signature-color-text: #000000;
   --gcds-signature-margin: 0 0 0.375rem;
@@ -561,20 +621,6 @@
   --gcds-signature-white-default: #ffffff;
   --gcds-signature-wordmark-margin: 2.25rem 0;
   --gcds-signature-wordmark-height: 3rem;
-  --gcds-site-menu-active-background: #333333;
-  --gcds-site-menu-active-text: #ffffff;
-  --gcds-site-menu-container-max-width: 75rem;
-  --gcds-site-menu-default-background: #f1f2f3;
-  --gcds-site-menu-default-border: #00000030;
-  --gcds-site-menu-default-text: #333333;
-  --gcds-site-menu-focus-background: #0535d2;
-  --gcds-site-menu-focus-text: #ffffff;
-  --gcds-site-menu-hover-background: #a8adb450;
-  --gcds-site-menu-selection-background: #b3800f;
-  --gcds-site-menu-selection-text: #333333;
-  --gcds-site-menu-submenu-background: #d6d9dd;
-  --gcds-site-menu-submenu-box-shadow: #00000030;
-  --gcds-site-menu-submenu-trigger-text: #333333;
   --gcds-stepper-font: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
   --gcds-stepper-margin: 0 0 1.125rem;
   --gcds-stepper-text: #43474e;
@@ -591,12 +637,14 @@
   --gcds-textarea-min-height: 3rem;
   --gcds-textarea-outline-width: 0.1875rem;
   --gcds-textarea-padding: 0.75rem;
+  --gcds-top-nav-background: #f1f2f3;
+  --gcds-top-nav-max-width: 71.25rem;
   --gcds-verify-banner-background: #d6d9dd;
   --gcds-verify-banner-container-xs: 20rem;
   --gcds-verify-banner-container-sm: 30rem;
   --gcds-verify-banner-container-md: 48rem;
-  --gcds-verify-banner-container-lg: 64rem;
-  --gcds-verify-banner-container-xl: 75rem;
+  --gcds-verify-banner-container-lg: 62rem;
+  --gcds-verify-banner-container-xl: 71.25rem;
   --gcds-verify-banner-container-full: 100%;
   --gcds-verify-banner-container-padding: 1.125rem;
   --gcds-verify-banner-content-border-color: #7d828b;
diff --git a/build/web/scss/.scss b/build/web/scss/.scss
index 537944bd..2f92d4de 100644
--- a/build/web/scss/.scss
+++ b/build/web/scss/.scss
@@ -55,8 +55,8 @@ $gcds-text-secondary: #43474e; // Global color: text secondary
 $gcds-container-xs: 20rem;
 $gcds-container-sm: 30rem;
 $gcds-container-md: 48rem;
-$gcds-container-lg: 64rem;
-$gcds-container-xl: 75rem;
+$gcds-container-lg: 62rem;
+$gcds-container-xl: 71.25rem;
 $gcds-container-full: 100%;
 $gcds-container-size-xs: 20rem;
 $gcds-container-size-sm: 30rem;
@@ -359,7 +359,7 @@ $gcds-file-uploader-focus-button-background: #0535d2;
 $gcds-file-uploader-focus-button-text: #ffffff;
 $gcds-file-uploader-focus-text: #0535d2;
 $gcds-footer-container-margin: 0 auto;
-$gcds-footer-container-width: 75rem;
+$gcds-footer-container-width: 71.25rem;
 $gcds-footer-contextual-background: #33465c;
 $gcds-footer-contextual-padding: 1.125rem 0;
 $gcds-footer-contextual-text: #ffffff;
@@ -416,7 +416,7 @@ $gcds-header-brand-margin: 1.125rem 0 0;
 $gcds-header-brand-padding: 0 0 0.375rem;
 $gcds-header-brand-search-width: 30rem;
 $gcds-header-brand-toggle-padding: 0 1.125rem;
-$gcds-header-container-max-width: 75rem;
+$gcds-header-container-max-width: 71.25rem;
 $gcds-header-margin: 0 0 0.75rem;
 $gcds-header-topnav-top: 1.5rem;
 $gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif;
@@ -490,6 +490,62 @@ $gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif;
 $gcds-lang-toggle-hover-text: #0535d2;
 $gcds-lang-toggle-hover-decoration-thickness: 0.125rem;
 $gcds-lang-toggle-padding: 0.5625rem;
+$gcds-nav-group-mobile-background: #ffffff;
+$gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
+$gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
+$gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
+$gcds-nav-group-mobile-trigger-border-width: 0.125rem;
+$gcds-nav-group-mobile-trigger-margin: 0.5625rem;
+$gcds-nav-group-mobile-trigger-text: #2b4380;
+$gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
+$gcds-nav-group-side-nav-trigger-font-weight: 600;
+$gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
+$gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
+$gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
+$gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
+$gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, 0.25);
+$gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
+$gcds-nav-group-top-nav-dropdown-width: 20rem;
+$gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
+$gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
+$gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
+$gcds-nav-group-top-nav-trigger-padding: 1.125rem;
+$gcds-nav-group-trigger-focus-background: #0535d2;
+$gcds-nav-group-trigger-focus-text: #ffffff;
+$gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
+$gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
+$gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
+$gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+$gcds-nav-group-trigger-hover-text: #0535d2;
+$gcds-nav-group-trigger-max-width: 20rem;
+$gcds-nav-group-trigger-padding: 0.9375rem;
+$gcds-nav-group-trigger-text: #333333;
+$gcds-nav-link-active-border-color: #33465c;
+$gcds-nav-link-active-font-weight: 700;
+$gcds-nav-link-active-text: #26374a;
+$gcds-nav-link-active-background: #d7e5f5;
+$gcds-nav-link-border-width: 0.25rem;
+$gcds-nav-link-default-text: #2b4380;
+$gcds-nav-link-default-decoration-thickness: 0.0625rem;
+$gcds-nav-link-default-max-width: 20rem;
+$gcds-nav-link-default-underline-offset: 0.25rem;
+$gcds-nav-link-focus-background: #0535d2;
+$gcds-nav-link-focus-text: #ffffff;
+$gcds-nav-link-focus-border-radius: 0.1875rem;
+$gcds-nav-link-focus-outline-offset: 0.125rem;
+$gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
+$gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+$gcds-nav-link-hover-decoration-thickness: 0.125rem;
+$gcds-nav-link-hover-text: #0535d2;
+$gcds-nav-link-margin: 0.5625rem;
+$gcds-nav-link-padding: 0.9375rem;
+$gcds-nav-link-side-nav-hover-background: #f1f2f3;
+$gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
+$gcds-nav-link-top-nav-hover-background: #d6d9dd;
+$gcds-nav-link-top-nav-home-font: 500 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
+$gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
+$gcds-nav-link-top-nav-padding: 1.125rem;
+$gcds-nav-link-top-nav-text: #333333;
 $gcds-pagination-active-text: #ffffff;
 $gcds-pagination-active-background: #26374a;
 $gcds-pagination-border-radius: 0.1875rem;
@@ -551,6 +607,10 @@ $gcds-select-margin: 0 0 1.5rem;
 $gcds-select-min-width-and-height: 3rem;
 $gcds-select-outline-width: 0.1875rem;
 $gcds-select-padding: 0.75rem 3.75rem 0.75rem 0.75rem;
+$gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
+$gcds-side-nav-heading-margin: 0.5625rem;
+$gcds-side-nav-heading-padding: 0.9375rem;
+$gcds-side-nav-max-width: 20rem;
 $gcds-signature-color-flag: #ff0000;
 $gcds-signature-color-text: #000000;
 $gcds-signature-margin: 0 0 0.375rem;
@@ -559,20 +619,6 @@ $gcds-signature-signature-height: 1.6875rem;
 $gcds-signature-white-default: #ffffff;
 $gcds-signature-wordmark-margin: 2.25rem 0;
 $gcds-signature-wordmark-height: 3rem;
-$gcds-site-menu-active-background: #333333;
-$gcds-site-menu-active-text: #ffffff;
-$gcds-site-menu-container-max-width: 75rem;
-$gcds-site-menu-default-background: #f1f2f3;
-$gcds-site-menu-default-border: #00000030;
-$gcds-site-menu-default-text: #333333;
-$gcds-site-menu-focus-background: #0535d2;
-$gcds-site-menu-focus-text: #ffffff;
-$gcds-site-menu-hover-background: #a8adb450;
-$gcds-site-menu-selection-background: #b3800f;
-$gcds-site-menu-selection-text: #333333;
-$gcds-site-menu-submenu-background: #d6d9dd;
-$gcds-site-menu-submenu-box-shadow: #00000030;
-$gcds-site-menu-submenu-trigger-text: #333333;
 $gcds-stepper-font: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
 $gcds-stepper-margin: 0 0 1.125rem;
 $gcds-stepper-text: #43474e;
@@ -589,12 +635,14 @@ $gcds-textarea-margin: 0 0 1.5rem;
 $gcds-textarea-min-height: 3rem;
 $gcds-textarea-outline-width: 0.1875rem;
 $gcds-textarea-padding: 0.75rem;
+$gcds-top-nav-background: #f1f2f3;
+$gcds-top-nav-max-width: 71.25rem;
 $gcds-verify-banner-background: #d6d9dd;
 $gcds-verify-banner-container-xs: 20rem;
 $gcds-verify-banner-container-sm: 30rem;
 $gcds-verify-banner-container-md: 48rem;
-$gcds-verify-banner-container-lg: 64rem;
-$gcds-verify-banner-container-xl: 75rem;
+$gcds-verify-banner-container-lg: 62rem;
+$gcds-verify-banner-container-xl: 71.25rem;
 $gcds-verify-banner-container-full: 100%;
 $gcds-verify-banner-container-padding: 1.125rem;
 $gcds-verify-banner-content-border-color: #7d828b;
diff --git a/build/web/scss/components.scss b/build/web/scss/components.scss
index cbc5f8e2..53498fba 100644
--- a/build/web/scss/components.scss
+++ b/build/web/scss/components.scss
@@ -248,7 +248,7 @@ $gcds-file-uploader-focus-button-background: #0535d2;
 $gcds-file-uploader-focus-button-text: #ffffff;
 $gcds-file-uploader-focus-text: #0535d2;
 $gcds-footer-container-margin: 0 auto;
-$gcds-footer-container-width: 75rem;
+$gcds-footer-container-width: 71.25rem;
 $gcds-footer-contextual-background: #33465c;
 $gcds-footer-contextual-padding: 1.125rem 0;
 $gcds-footer-contextual-text: #ffffff;
@@ -305,7 +305,7 @@ $gcds-header-brand-margin: 1.125rem 0 0;
 $gcds-header-brand-padding: 0 0 0.375rem;
 $gcds-header-brand-search-width: 30rem;
 $gcds-header-brand-toggle-padding: 0 1.125rem;
-$gcds-header-container-max-width: 75rem;
+$gcds-header-container-max-width: 71.25rem;
 $gcds-header-margin: 0 0 0.75rem;
 $gcds-header-topnav-top: 1.5rem;
 $gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif;
@@ -379,6 +379,62 @@ $gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif;
 $gcds-lang-toggle-hover-text: #0535d2;
 $gcds-lang-toggle-hover-decoration-thickness: 0.125rem;
 $gcds-lang-toggle-padding: 0.5625rem;
+$gcds-nav-group-mobile-background: #ffffff;
+$gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
+$gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
+$gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
+$gcds-nav-group-mobile-trigger-border-width: 0.125rem;
+$gcds-nav-group-mobile-trigger-margin: 0.5625rem;
+$gcds-nav-group-mobile-trigger-text: #2b4380;
+$gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
+$gcds-nav-group-side-nav-trigger-font-weight: 600;
+$gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
+$gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
+$gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
+$gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
+$gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, 0.25);
+$gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
+$gcds-nav-group-top-nav-dropdown-width: 20rem;
+$gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
+$gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
+$gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
+$gcds-nav-group-top-nav-trigger-padding: 1.125rem;
+$gcds-nav-group-trigger-focus-background: #0535d2;
+$gcds-nav-group-trigger-focus-text: #ffffff;
+$gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
+$gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
+$gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
+$gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+$gcds-nav-group-trigger-hover-text: #0535d2;
+$gcds-nav-group-trigger-max-width: 20rem;
+$gcds-nav-group-trigger-padding: 0.9375rem;
+$gcds-nav-group-trigger-text: #333333;
+$gcds-nav-link-active-border-color: #33465c;
+$gcds-nav-link-active-font-weight: 700;
+$gcds-nav-link-active-text: #26374a;
+$gcds-nav-link-active-background: #d7e5f5;
+$gcds-nav-link-border-width: 0.25rem;
+$gcds-nav-link-default-text: #2b4380;
+$gcds-nav-link-default-decoration-thickness: 0.0625rem;
+$gcds-nav-link-default-max-width: 20rem;
+$gcds-nav-link-default-underline-offset: 0.25rem;
+$gcds-nav-link-focus-background: #0535d2;
+$gcds-nav-link-focus-text: #ffffff;
+$gcds-nav-link-focus-border-radius: 0.1875rem;
+$gcds-nav-link-focus-outline-offset: 0.125rem;
+$gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
+$gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+$gcds-nav-link-hover-decoration-thickness: 0.125rem;
+$gcds-nav-link-hover-text: #0535d2;
+$gcds-nav-link-margin: 0.5625rem;
+$gcds-nav-link-padding: 0.9375rem;
+$gcds-nav-link-side-nav-hover-background: #f1f2f3;
+$gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
+$gcds-nav-link-top-nav-hover-background: #d6d9dd;
+$gcds-nav-link-top-nav-home-font: 500 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
+$gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
+$gcds-nav-link-top-nav-padding: 1.125rem;
+$gcds-nav-link-top-nav-text: #333333;
 $gcds-pagination-active-text: #ffffff;
 $gcds-pagination-active-background: #26374a;
 $gcds-pagination-border-radius: 0.1875rem;
@@ -440,6 +496,10 @@ $gcds-select-margin: 0 0 1.5rem;
 $gcds-select-min-width-and-height: 3rem;
 $gcds-select-outline-width: 0.1875rem;
 $gcds-select-padding: 0.75rem 3.75rem 0.75rem 0.75rem;
+$gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
+$gcds-side-nav-heading-margin: 0.5625rem;
+$gcds-side-nav-heading-padding: 0.9375rem;
+$gcds-side-nav-max-width: 20rem;
 $gcds-signature-color-flag: #ff0000;
 $gcds-signature-color-text: #000000;
 $gcds-signature-margin: 0 0 0.375rem;
@@ -448,20 +508,6 @@ $gcds-signature-signature-height: 1.6875rem;
 $gcds-signature-white-default: #ffffff;
 $gcds-signature-wordmark-margin: 2.25rem 0;
 $gcds-signature-wordmark-height: 3rem;
-$gcds-site-menu-active-background: #333333;
-$gcds-site-menu-active-text: #ffffff;
-$gcds-site-menu-container-max-width: 75rem;
-$gcds-site-menu-default-background: #f1f2f3;
-$gcds-site-menu-default-border: #00000030;
-$gcds-site-menu-default-text: #333333;
-$gcds-site-menu-focus-background: #0535d2;
-$gcds-site-menu-focus-text: #ffffff;
-$gcds-site-menu-hover-background: #a8adb450;
-$gcds-site-menu-selection-background: #b3800f;
-$gcds-site-menu-selection-text: #333333;
-$gcds-site-menu-submenu-background: #d6d9dd;
-$gcds-site-menu-submenu-box-shadow: #00000030;
-$gcds-site-menu-submenu-trigger-text: #333333;
 $gcds-stepper-font: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
 $gcds-stepper-margin: 0 0 1.125rem;
 $gcds-stepper-text: #43474e;
@@ -478,12 +524,14 @@ $gcds-textarea-margin: 0 0 1.5rem;
 $gcds-textarea-min-height: 3rem;
 $gcds-textarea-outline-width: 0.1875rem;
 $gcds-textarea-padding: 0.75rem;
+$gcds-top-nav-background: #f1f2f3;
+$gcds-top-nav-max-width: 71.25rem;
 $gcds-verify-banner-background: #d6d9dd;
 $gcds-verify-banner-container-xs: 20rem;
 $gcds-verify-banner-container-sm: 30rem;
 $gcds-verify-banner-container-md: 48rem;
-$gcds-verify-banner-container-lg: 64rem;
-$gcds-verify-banner-container-xl: 75rem;
+$gcds-verify-banner-container-lg: 62rem;
+$gcds-verify-banner-container-xl: 71.25rem;
 $gcds-verify-banner-container-full: 100%;
 $gcds-verify-banner-container-padding: 1.125rem;
 $gcds-verify-banner-content-border-color: #7d828b;
diff --git a/build/web/scss/components/footer.scss b/build/web/scss/components/footer.scss
index 64e74bd6..71ab6bb6 100644
--- a/build/web/scss/components/footer.scss
+++ b/build/web/scss/components/footer.scss
@@ -1,9 +1,9 @@
 
 // Do not edit directly
-// Generated on Mon, 19 Jun 2023 20:28:18 GMT
+// Generated on Tue, 27 Jun 2023 23:49:40 GMT
 
 $gcds-footer-container-margin: 0 auto;
-$gcds-footer-container-width: 75rem;
+$gcds-footer-container-width: 71.25rem;
 $gcds-footer-contextual-background: #33465c;
 $gcds-footer-contextual-padding: 1.125rem 0;
 $gcds-footer-contextual-text: #ffffff;
diff --git a/build/web/scss/components/header.scss b/build/web/scss/components/header.scss
index 81d9704f..4a0304b9 100644
--- a/build/web/scss/components/header.scss
+++ b/build/web/scss/components/header.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 19 Jun 2023 20:28:18 GMT
+// Generated on Tue, 27 Jun 2023 23:49:40 GMT
 
 $gcds-header-brand-border-color: #26374a;
 $gcds-header-brand-border-width: 0.1875rem;
@@ -9,6 +9,6 @@ $gcds-header-brand-margin: 1.125rem 0 0;
 $gcds-header-brand-padding: 0 0 0.375rem;
 $gcds-header-brand-search-width: 30rem;
 $gcds-header-brand-toggle-padding: 0 1.125rem;
-$gcds-header-container-max-width: 75rem;
+$gcds-header-container-max-width: 71.25rem;
 $gcds-header-margin: 0 0 0.75rem;
 $gcds-header-topnav-top: 1.5rem;
diff --git a/build/web/scss/components/nav-group.scss b/build/web/scss/components/nav-group.scss
new file mode 100644
index 00000000..aa52556a
--- /dev/null
+++ b/build/web/scss/components/nav-group.scss
@@ -0,0 +1,34 @@
+
+// Do not edit directly
+// Generated on Tue, 27 Jun 2023 23:49:40 GMT
+
+$gcds-nav-group-mobile-background: #ffffff;
+$gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
+$gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
+$gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
+$gcds-nav-group-mobile-trigger-border-width: 0.125rem;
+$gcds-nav-group-mobile-trigger-margin: 0.5625rem;
+$gcds-nav-group-mobile-trigger-text: #2b4380;
+$gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
+$gcds-nav-group-side-nav-trigger-font-weight: 600;
+$gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
+$gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
+$gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
+$gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
+$gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, 0.25);
+$gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
+$gcds-nav-group-top-nav-dropdown-width: 20rem;
+$gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
+$gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
+$gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
+$gcds-nav-group-top-nav-trigger-padding: 1.125rem;
+$gcds-nav-group-trigger-focus-background: #0535d2;
+$gcds-nav-group-trigger-focus-text: #ffffff;
+$gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
+$gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
+$gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
+$gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+$gcds-nav-group-trigger-hover-text: #0535d2;
+$gcds-nav-group-trigger-max-width: 20rem;
+$gcds-nav-group-trigger-padding: 0.9375rem;
+$gcds-nav-group-trigger-text: #333333;
diff --git a/build/web/scss/components/nav-link.scss b/build/web/scss/components/nav-link.scss
new file mode 100644
index 00000000..1806e308
--- /dev/null
+++ b/build/web/scss/components/nav-link.scss
@@ -0,0 +1,30 @@
+
+// Do not edit directly
+// Generated on Tue, 27 Jun 2023 23:49:40 GMT
+
+$gcds-nav-link-active-border-color: #33465c;
+$gcds-nav-link-active-font-weight: 700;
+$gcds-nav-link-active-text: #26374a;
+$gcds-nav-link-active-background: #d7e5f5;
+$gcds-nav-link-border-width: 0.25rem;
+$gcds-nav-link-default-text: #2b4380;
+$gcds-nav-link-default-decoration-thickness: 0.0625rem;
+$gcds-nav-link-default-max-width: 20rem;
+$gcds-nav-link-default-underline-offset: 0.25rem;
+$gcds-nav-link-focus-background: #0535d2;
+$gcds-nav-link-focus-text: #ffffff;
+$gcds-nav-link-focus-border-radius: 0.1875rem;
+$gcds-nav-link-focus-outline-offset: 0.125rem;
+$gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
+$gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+$gcds-nav-link-hover-decoration-thickness: 0.125rem;
+$gcds-nav-link-hover-text: #0535d2;
+$gcds-nav-link-margin: 0.5625rem;
+$gcds-nav-link-padding: 0.9375rem;
+$gcds-nav-link-side-nav-hover-background: #f1f2f3;
+$gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
+$gcds-nav-link-top-nav-hover-background: #d6d9dd;
+$gcds-nav-link-top-nav-home-font: 500 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
+$gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
+$gcds-nav-link-top-nav-padding: 1.125rem;
+$gcds-nav-link-top-nav-text: #333333;
diff --git a/build/web/scss/components/side-nav.scss b/build/web/scss/components/side-nav.scss
new file mode 100644
index 00000000..1d16d2cb
--- /dev/null
+++ b/build/web/scss/components/side-nav.scss
@@ -0,0 +1,8 @@
+
+// Do not edit directly
+// Generated on Tue, 27 Jun 2023 23:49:40 GMT
+
+$gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
+$gcds-side-nav-heading-margin: 0.5625rem;
+$gcds-side-nav-heading-padding: 0.9375rem;
+$gcds-side-nav-max-width: 20rem;
diff --git a/build/web/scss/components/site-menu.scss b/build/web/scss/components/site-menu.scss
deleted file mode 100644
index 8a9f69d0..00000000
--- a/build/web/scss/components/site-menu.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-
-// Do not edit directly
-// Generated on Mon, 19 Jun 2023 20:28:18 GMT
-
-$gcds-site-menu-active-background: #333333;
-$gcds-site-menu-active-text: #ffffff;
-$gcds-site-menu-container-max-width: 75rem;
-$gcds-site-menu-default-background: #f1f2f3;
-$gcds-site-menu-default-border: #00000030;
-$gcds-site-menu-default-text: #333333;
-$gcds-site-menu-focus-background: #0535d2;
-$gcds-site-menu-focus-text: #ffffff;
-$gcds-site-menu-hover-background: #a8adb450;
-$gcds-site-menu-selection-background: #b3800f;
-$gcds-site-menu-selection-text: #333333;
-$gcds-site-menu-submenu-background: #d6d9dd;
-$gcds-site-menu-submenu-box-shadow: #00000030;
-$gcds-site-menu-submenu-trigger-text: #333333;
diff --git a/build/web/scss/components/top-nav.scss b/build/web/scss/components/top-nav.scss
new file mode 100644
index 00000000..5e0789c6
--- /dev/null
+++ b/build/web/scss/components/top-nav.scss
@@ -0,0 +1,6 @@
+
+// Do not edit directly
+// Generated on Tue, 27 Jun 2023 23:49:41 GMT
+
+$gcds-top-nav-background: #f1f2f3;
+$gcds-top-nav-max-width: 71.25rem;
diff --git a/build/web/scss/components/verify-banner.scss b/build/web/scss/components/verify-banner.scss
index 12bec26f..ab316159 100644
--- a/build/web/scss/components/verify-banner.scss
+++ b/build/web/scss/components/verify-banner.scss
@@ -1,13 +1,13 @@
 
 // Do not edit directly
-// Generated on Mon, 19 Jun 2023 20:28:18 GMT
+// Generated on Tue, 27 Jun 2023 23:49:41 GMT
 
 $gcds-verify-banner-background: #d6d9dd;
 $gcds-verify-banner-container-xs: 20rem;
 $gcds-verify-banner-container-sm: 30rem;
 $gcds-verify-banner-container-md: 48rem;
-$gcds-verify-banner-container-lg: 64rem;
-$gcds-verify-banner-container-xl: 75rem;
+$gcds-verify-banner-container-lg: 62rem;
+$gcds-verify-banner-container-xl: 71.25rem;
 $gcds-verify-banner-container-full: 100%;
 $gcds-verify-banner-container-padding: 1.125rem;
 $gcds-verify-banner-content-border-color: #7d828b;
diff --git a/build/web/scss/global.scss b/build/web/scss/global.scss
index ca0610cd..c22e59b4 100644
--- a/build/web/scss/global.scss
+++ b/build/web/scss/global.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 19 Jun 2023 20:28:18 GMT
+// Generated on Tue, 27 Jun 2023 23:49:41 GMT
 
 $gcds-border-radius-sm: 0.1875rem; // Global border: radius sm
 $gcds-border-radius-md: 0.375rem; // Global border: radius md
@@ -30,8 +30,8 @@ $gcds-text-secondary: #43474e; // Global color: text secondary
 $gcds-container-xs: 20rem;
 $gcds-container-sm: 30rem;
 $gcds-container-md: 48rem;
-$gcds-container-lg: 64rem;
-$gcds-container-xl: 75rem;
+$gcds-container-lg: 62rem;
+$gcds-container-xl: 71.25rem;
 $gcds-container-full: 100%;
 $gcds-outline-width: 0.1875rem; // Global outline: width
 $gcds-spacing-0: 0;
diff --git a/build/web/scss/global/container.scss b/build/web/scss/global/container.scss
index 4064f10a..0540881a 100644
--- a/build/web/scss/global/container.scss
+++ b/build/web/scss/global/container.scss
@@ -1,10 +1,10 @@
 
 // Do not edit directly
-// Generated on Mon, 19 Jun 2023 20:28:18 GMT
+// Generated on Tue, 27 Jun 2023 23:49:41 GMT
 
 $gcds-container-xs: 20rem;
 $gcds-container-sm: 30rem;
 $gcds-container-md: 48rem;
-$gcds-container-lg: 64rem;
-$gcds-container-xl: 75rem;
+$gcds-container-lg: 62rem;
+$gcds-container-xl: 71.25rem;
 $gcds-container-full: 100%;
diff --git a/build/web/scss/tokens.scss b/build/web/scss/tokens.scss
index 537944bd..2f92d4de 100644
--- a/build/web/scss/tokens.scss
+++ b/build/web/scss/tokens.scss
@@ -55,8 +55,8 @@ $gcds-text-secondary: #43474e; // Global color: text secondary
 $gcds-container-xs: 20rem;
 $gcds-container-sm: 30rem;
 $gcds-container-md: 48rem;
-$gcds-container-lg: 64rem;
-$gcds-container-xl: 75rem;
+$gcds-container-lg: 62rem;
+$gcds-container-xl: 71.25rem;
 $gcds-container-full: 100%;
 $gcds-container-size-xs: 20rem;
 $gcds-container-size-sm: 30rem;
@@ -359,7 +359,7 @@ $gcds-file-uploader-focus-button-background: #0535d2;
 $gcds-file-uploader-focus-button-text: #ffffff;
 $gcds-file-uploader-focus-text: #0535d2;
 $gcds-footer-container-margin: 0 auto;
-$gcds-footer-container-width: 75rem;
+$gcds-footer-container-width: 71.25rem;
 $gcds-footer-contextual-background: #33465c;
 $gcds-footer-contextual-padding: 1.125rem 0;
 $gcds-footer-contextual-text: #ffffff;
@@ -416,7 +416,7 @@ $gcds-header-brand-margin: 1.125rem 0 0;
 $gcds-header-brand-padding: 0 0 0.375rem;
 $gcds-header-brand-search-width: 30rem;
 $gcds-header-brand-toggle-padding: 0 1.125rem;
-$gcds-header-container-max-width: 75rem;
+$gcds-header-container-max-width: 71.25rem;
 $gcds-header-margin: 0 0 0.75rem;
 $gcds-header-topnav-top: 1.5rem;
 $gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif;
@@ -490,6 +490,62 @@ $gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif;
 $gcds-lang-toggle-hover-text: #0535d2;
 $gcds-lang-toggle-hover-decoration-thickness: 0.125rem;
 $gcds-lang-toggle-padding: 0.5625rem;
+$gcds-nav-group-mobile-background: #ffffff;
+$gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
+$gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
+$gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
+$gcds-nav-group-mobile-trigger-border-width: 0.125rem;
+$gcds-nav-group-mobile-trigger-margin: 0.5625rem;
+$gcds-nav-group-mobile-trigger-text: #2b4380;
+$gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
+$gcds-nav-group-side-nav-trigger-font-weight: 600;
+$gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
+$gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
+$gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
+$gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
+$gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, 0.25);
+$gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
+$gcds-nav-group-top-nav-dropdown-width: 20rem;
+$gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
+$gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
+$gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
+$gcds-nav-group-top-nav-trigger-padding: 1.125rem;
+$gcds-nav-group-trigger-focus-background: #0535d2;
+$gcds-nav-group-trigger-focus-text: #ffffff;
+$gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
+$gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
+$gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
+$gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+$gcds-nav-group-trigger-hover-text: #0535d2;
+$gcds-nav-group-trigger-max-width: 20rem;
+$gcds-nav-group-trigger-padding: 0.9375rem;
+$gcds-nav-group-trigger-text: #333333;
+$gcds-nav-link-active-border-color: #33465c;
+$gcds-nav-link-active-font-weight: 700;
+$gcds-nav-link-active-text: #26374a;
+$gcds-nav-link-active-background: #d7e5f5;
+$gcds-nav-link-border-width: 0.25rem;
+$gcds-nav-link-default-text: #2b4380;
+$gcds-nav-link-default-decoration-thickness: 0.0625rem;
+$gcds-nav-link-default-max-width: 20rem;
+$gcds-nav-link-default-underline-offset: 0.25rem;
+$gcds-nav-link-focus-background: #0535d2;
+$gcds-nav-link-focus-text: #ffffff;
+$gcds-nav-link-focus-border-radius: 0.1875rem;
+$gcds-nav-link-focus-outline-offset: 0.125rem;
+$gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
+$gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
+$gcds-nav-link-hover-decoration-thickness: 0.125rem;
+$gcds-nav-link-hover-text: #0535d2;
+$gcds-nav-link-margin: 0.5625rem;
+$gcds-nav-link-padding: 0.9375rem;
+$gcds-nav-link-side-nav-hover-background: #f1f2f3;
+$gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
+$gcds-nav-link-top-nav-hover-background: #d6d9dd;
+$gcds-nav-link-top-nav-home-font: 500 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
+$gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
+$gcds-nav-link-top-nav-padding: 1.125rem;
+$gcds-nav-link-top-nav-text: #333333;
 $gcds-pagination-active-text: #ffffff;
 $gcds-pagination-active-background: #26374a;
 $gcds-pagination-border-radius: 0.1875rem;
@@ -551,6 +607,10 @@ $gcds-select-margin: 0 0 1.5rem;
 $gcds-select-min-width-and-height: 3rem;
 $gcds-select-outline-width: 0.1875rem;
 $gcds-select-padding: 0.75rem 3.75rem 0.75rem 0.75rem;
+$gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
+$gcds-side-nav-heading-margin: 0.5625rem;
+$gcds-side-nav-heading-padding: 0.9375rem;
+$gcds-side-nav-max-width: 20rem;
 $gcds-signature-color-flag: #ff0000;
 $gcds-signature-color-text: #000000;
 $gcds-signature-margin: 0 0 0.375rem;
@@ -559,20 +619,6 @@ $gcds-signature-signature-height: 1.6875rem;
 $gcds-signature-white-default: #ffffff;
 $gcds-signature-wordmark-margin: 2.25rem 0;
 $gcds-signature-wordmark-height: 3rem;
-$gcds-site-menu-active-background: #333333;
-$gcds-site-menu-active-text: #ffffff;
-$gcds-site-menu-container-max-width: 75rem;
-$gcds-site-menu-default-background: #f1f2f3;
-$gcds-site-menu-default-border: #00000030;
-$gcds-site-menu-default-text: #333333;
-$gcds-site-menu-focus-background: #0535d2;
-$gcds-site-menu-focus-text: #ffffff;
-$gcds-site-menu-hover-background: #a8adb450;
-$gcds-site-menu-selection-background: #b3800f;
-$gcds-site-menu-selection-text: #333333;
-$gcds-site-menu-submenu-background: #d6d9dd;
-$gcds-site-menu-submenu-box-shadow: #00000030;
-$gcds-site-menu-submenu-trigger-text: #333333;
 $gcds-stepper-font: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
 $gcds-stepper-margin: 0 0 1.125rem;
 $gcds-stepper-text: #43474e;
@@ -589,12 +635,14 @@ $gcds-textarea-margin: 0 0 1.5rem;
 $gcds-textarea-min-height: 3rem;
 $gcds-textarea-outline-width: 0.1875rem;
 $gcds-textarea-padding: 0.75rem;
+$gcds-top-nav-background: #f1f2f3;
+$gcds-top-nav-max-width: 71.25rem;
 $gcds-verify-banner-background: #d6d9dd;
 $gcds-verify-banner-container-xs: 20rem;
 $gcds-verify-banner-container-sm: 30rem;
 $gcds-verify-banner-container-md: 48rem;
-$gcds-verify-banner-container-lg: 64rem;
-$gcds-verify-banner-container-xl: 75rem;
+$gcds-verify-banner-container-lg: 62rem;
+$gcds-verify-banner-container-xl: 71.25rem;
 $gcds-verify-banner-container-full: 100%;
 $gcds-verify-banner-container-padding: 1.125rem;
 $gcds-verify-banner-content-border-color: #7d828b;
diff --git a/package.json b/package.json
index 94ce05da..3b92b976 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-tokens",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "author": "Government of Canada | Gouvernement du Canada",
   "description": "GC Design System Tokens",
   "homepage": "https://design-system.alpha.canada.ca/",
diff --git a/tokens/components/nav-group/tokens.json b/tokens/components/nav-group/tokens.json
new file mode 100644
index 00000000..067228aa
--- /dev/null
+++ b/tokens/components/nav-group/tokens.json
@@ -0,0 +1,165 @@
+{
+  "nav-group": {
+    "mobile": {
+      "background": {
+        "value": "{color.grayscale.0.value}",
+        "type": "color"
+      },
+      "list": {
+        "margin": {
+          "value": "{spacing.250.value} 0 0",
+          "type": "spacing"
+        }
+      },
+      "padding": {
+        "value": "{spacing.150.value} {spacing.250.value} {spacing.400.value} {spacing.250.value}",
+        "type": "spacing"
+      },
+      "trigger": {
+        "border": {
+          "radius": {
+            "value": "{border.radius.md.value}",
+            "type": "other"
+          },
+          "width": {
+            "value": "{border.width.md.value}",
+            "type": "borderWidth"
+          }
+        },
+        "margin": {
+          "value": "{spacing.150.value}",
+          "type": "spacing"
+        },
+        "text": {
+          "value": "{link.default.value}",
+          "type": "color"
+        }
+      }
+    },
+    "sideNav": {
+      "dropdown": {
+        "padding": {
+          "value": "{spacing.450.value}",
+          "type": "spacing"
+        }
+      },
+      "trigger": {
+        "fontWeight": {
+          "value": "{fontWeights.semibold.value}",
+          "type": "color"
+        },
+        "hover": {
+          "background": {
+            "value": "{color.grayscale.50.value}",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "margin": {
+            "value": "{spacing.300.value}",
+            "type": "spacing"
+          }
+        },
+        "margin": {
+          "value": "{spacing.150.value}",
+          "type": "spacing"
+        }
+      }
+    },
+    "topNav": {
+      "dropdown": {
+        "background": {
+          "value": "{color.grayscale.50.value}",
+          "type": "color"
+        },
+        "box-shadow": {
+          "value": "0 0 {spacing.150.value} rgba(0, 0, 0, 0.25)",
+          "type": "color"
+        },
+        "padding": {
+          "value": "{spacing.200.value} {spacing.200.value} {spacing.50.value}",
+          "type": "spacing"
+        },
+        "width": {
+          "value": "{container.xs.value}",
+          "type": "sizing"
+        }
+      },
+      "trigger": {
+        "border": {
+          "width": {
+            "value": "{border.width.lg.value}",
+            "type": "borderWidth"
+          }
+        },
+        "hover": {
+          "background": {
+            "value": "{color.grayscale.100.value}",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "margin": {
+            "value": "{spacing.250.value}",
+            "type": "spacing"
+          }
+        },
+        "padding": {
+          "value": "{spacing.300.value}",
+          "type": "spacing"
+        }
+      }
+    },
+    "trigger": {
+      "focus": {
+        "background": {
+          "value": "{focus.background.value}",
+          "type": "color"
+        },
+        "text": {
+          "value": "{focus.text.value}",
+          "type": "color"
+        },
+        "border-radius": {
+          "value": "{border.radius.sm.value}",
+          "type": "other"
+        },
+        "outline-offset": {
+          "value": "{border.width.md.value}",
+          "type": "borderWidth"
+        },
+        "outline": {
+          "value": "{spacing.50.value} solid {focus.background.value}",
+          "type": "other"
+        }
+      },
+      "font": {
+        "value": {
+          "fontFamily": "{fontFamilies.body}",
+          "fontWeight": "{fontWeights.regular}",
+          "lineHeight": "{lineHeights.text}",
+          "fontSize": "{fontSizes.text}"
+        },
+        "type": "typography"
+      },
+      "hover": {
+        "text": {
+          "value": "{link.hover.value}",
+          "type": "color"
+        }
+      },
+      "maxWidth": {
+        "value": "{container.xs.value}",
+        "type": "sizing"
+      },
+      "padding": {
+        "value": "{spacing.250.value}",
+        "type": "spacing"
+      },
+      "text": {
+        "value": "{text.primary.value}",
+        "type": "color"
+      }
+    }
+  }
+}
diff --git a/tokens/components/nav-link/tokens.json b/tokens/components/nav-link/tokens.json
new file mode 100644
index 00000000..1e7fab93
--- /dev/null
+++ b/tokens/components/nav-link/tokens.json
@@ -0,0 +1,146 @@
+{
+  "nav-link": {
+    "active": {
+      "border": {
+        "color": {
+          "value": "{color.blue.700.value}",
+          "type": "color"
+        }
+      },
+      "fontWeight": {
+        "value": "{fontWeights.bold.value}",
+        "type": "color"
+      },
+      "text": {
+        "value": "{color.blue.900.value}",
+        "type": "color"
+      },
+      "background": {
+        "value": "{color.blue.100.value}",
+        "type": "color"
+      }
+    },
+    "border": {
+      "width": {
+        "value": "{border.width.lg.value}",
+        "type": "borderWidth"
+      }
+    },
+    "default": {
+      "text": {
+        "value": "{link.default.value}",
+        "type": "color"
+      },
+      "decoration": {
+        "thickness": {
+          "value": "{border.width.sm.value}",
+          "type": "borderWidth"
+        }
+      },
+      "maxWidth": {
+        "value": "{container.xs.value}",
+        "type": "sizing"
+      },
+      "underline": {
+        "offset": {
+          "value": "{border.width.lg.value}",
+          "type": "borderWidth"
+        }
+      }
+    },
+    "focus": {
+      "background": {
+        "value": "{focus.background.value}",
+        "type": "color"
+      },
+      "text": {
+        "value": "{focus.text.value}",
+        "type": "color"
+      },
+      "border-radius": {
+        "value": "{border.radius.sm.value}",
+        "type": "other"
+      },
+      "outline-offset": {
+        "value": "{border.width.md.value}",
+        "type": "borderWidth"
+      },
+      "outline": {
+        "value": "{spacing.50.value} solid {focus.background.value}",
+        "type": "other"
+      }
+    },
+    "font": {
+      "value": {
+        "fontFamily": "{fontFamilies.body}",
+        "fontWeight": "{fontWeights.regular}",
+        "lineHeight": "{lineHeights.text}",
+        "fontSize": "{fontSizes.text}"
+      },
+      "type": "typography"
+    },
+    "hover": {
+      "decoration": {
+        "thickness": {
+          "value": "{border.width.md.value}",
+          "type": "borderWidth"
+        }
+      },
+      "text": {
+        "value": "{link.hover.value}",
+        "type": "color"
+      }
+    },
+    "margin": {
+      "value": "{spacing.150.value}",
+      "type": "spacing"
+    },
+    "padding": {
+      "value": "{spacing.250.value}",
+      "type": "spacing"
+    },
+    "sideNav": {
+      "hover": {
+        "background": {
+          "value": "{color.grayscale.50.value}",
+          "type": "color"
+        }
+      },
+      "padding": {
+        "value": "{spacing.250.value} {spacing.200.value}",
+        "type": "spacing"
+      }
+    },
+    "topNav": {
+      "hover": {
+        "background": {
+          "value": "{color.grayscale.100.value}",
+          "type": "color"
+        }
+      },
+      "home": {
+        "font": {
+          "value": {
+            "fontFamily": "{fontFamilies.body}",
+            "fontWeight": "{fontWeights.medium}",
+            "lineHeight": "{lineHeights.h5}",
+            "fontSize": "{fontSizes.h5}"
+          },
+          "type": "typography"
+        },
+        "padding": {
+          "value": "{spacing.250.value} {spacing.50.value}",
+          "type": "spacing"
+        }
+      },
+      "padding": {
+        "value": "{spacing.300.value}",
+        "type": "spacing"
+      },
+      "text": {
+        "value": "{text.primary.value}",
+        "type": "color"
+      }
+    }
+  }
+}
diff --git a/tokens/components/side-nav/tokens.json b/tokens/components/side-nav/tokens.json
new file mode 100644
index 00000000..120843a8
--- /dev/null
+++ b/tokens/components/side-nav/tokens.json
@@ -0,0 +1,27 @@
+{
+  "side-nav": {
+    "heading": {
+      "font": {
+        "value": {
+          "fontFamily": "{fontFamilies.heading}",
+          "fontWeight": "{fontWeights.bold}",
+          "lineHeight": "{lineHeights.h5}",
+          "fontSize": "{fontSizes.h5}"
+        },
+        "type": "typography"
+      },
+      "margin": {
+        "value": "{spacing.150.value}",
+        "type": "spacing"
+      },
+      "padding": {
+        "value": "{spacing.250.value}",
+        "type": "spacing"
+      }
+    },
+    "maxWidth": {
+      "value": "{container.xs.value}",
+      "type": "sizing"
+    }
+  }
+}
diff --git a/tokens/components/site-menu/tokens.json b/tokens/components/site-menu/tokens.json
deleted file mode 100644
index 85f864aa..00000000
--- a/tokens/components/site-menu/tokens.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-  "site-menu": {
-    "active": {
-      "background": {
-        "value": "{color.grayscale.900.value}",
-        "type": "color"
-      },
-      "text": {
-        "value": "{text.light.value}",
-        "type": "color"
-      }
-    },
-    "container": {
-      "maxWidth": {
-        "value": "{container.xl.value}",
-        "type": "sizing"
-      }
-    },
-    "default": {
-      "background": {
-        "value": "{color.grayscale.50.value}",
-        "type": "color"
-      },
-      "border": {
-        "value": "{color.grayscale.1000.value}30",
-        "type": "color"
-      },
-      "text": {
-        "value": "{text.primary.value}",
-        "type": "color"
-      }
-    },
-    "focus": {
-      "background": {
-        "value": "{focus.background.value}",
-        "type": "color"
-      },
-      "text": {
-        "value": "{focus.text.value}",
-        "type": "color"
-      }
-    },
-    "hover": {
-      "background": {
-        "value": "{color.grayscale.300.value}50",
-        "type": "color"
-      }
-    },
-    "selection": {
-      "background": {
-        "value": "{color.yellow.500.value}",
-        "type": "color"
-      },
-      "text": {
-        "value": "{text.primary.value}",
-        "type": "color"
-      }
-    },
-    "submenu": {
-      "background": {
-        "value": "{color.grayscale.100.value}",
-        "type": "color"
-      },
-      "box-shadow": {
-        "value": "{color.grayscale.1000.value}30",
-        "type": "color"
-      },
-      "trigger": {
-        "text": {
-          "value": "{text.primary.value}",
-          "type": "color"
-        }
-      }
-    }
-  }
-}
diff --git a/tokens/components/top-nav/tokens.json b/tokens/components/top-nav/tokens.json
new file mode 100644
index 00000000..0097264a
--- /dev/null
+++ b/tokens/components/top-nav/tokens.json
@@ -0,0 +1,12 @@
+{
+  "top-nav": {
+    "background": {
+      "value": "{color.grayscale.50.value}",
+      "type": "color"
+    },
+    "maxWidth": {
+      "value": "{container.xl.value}",
+      "type": "sizing"
+    }
+  }
+}
diff --git a/tokens/global/container/tokens.json b/tokens/global/container/tokens.json
index 6a7e5494..d3b701bc 100644
--- a/tokens/global/container/tokens.json
+++ b/tokens/global/container/tokens.json
@@ -13,11 +13,11 @@
       "type": "sizing"
     },
     "lg": {
-      "value": "64rem",
+      "value": "62rem",
       "type": "sizing"
     },
     "xl": {
-      "value": "75rem",
+      "value": "71.25rem",
       "type": "sizing"
     },
     "full": {