diff --git a/README.md b/README.md
index ae62895..61fc178 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 # Emulsify UI kit vision
 
-The Emulsify UI Kit is a tool for designers and front-end engineers to build high-quality user interfaces effectively and efficiently while maintaining WCAG 2.1 AA standards and project performance goals.
+The Emulsify UI Kit is a tool for designers and front-end engineers to build high-quality user interfaces effectively and efficiently while maintaining WCAG 2.2 AA standards and project performance goals.
 
 The Emulsify UI Kit gives users access to a library of prebuilt tokens and components that follow accessibility best practices and are easy to customize. The components in the kit are fully responsive, carefully designed, and can be implemented for modification in every project.
 
diff --git a/src/foundation/typography/_fonts.scss b/src/foundation/typography/_fonts.scss
index 6e4fb72..c0ea80f 100644
--- a/src/foundation/typography/_fonts.scss
+++ b/src/foundation/typography/_fonts.scss
@@ -1,154 +1,9 @@
-$font-url: '../../assets/fonts';
-
-/* Inter */
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-Black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-ExtraBold.ttf') format('truetype');
-  font-weight: 800;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-ExtraLight.ttf') format('truetype');
-  font-weight: 200;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('#{$font-url}/inter/Inter-Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* Sentinel */
-
-@font-face {
-  font-family: Sentinel;
-  src:
-    url('#{$font-url}/sentinel/Sentinel-Black.ttf') format('truetype'),
-    url('#{$font-url}/sentinel/Sentinel-Black.woff') format('woff'),
-    url('#{$font-url}/sentinel/Sentinel-Black.woff2') format('woff2');
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Sentinel;
-  src:
-    url('#{$font-url}/sentinel/Sentinel-Bold.woff') format('truetype'),
-    url('#{$font-url}/sentinel/Sentinel-Bold.woff') format('woff'),
-    url('#{$font-url}/sentinel/Sentinel-Bold.woff2') format('woff2');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Sentinel;
-  src:
-    url('#{$font-url}/sentinel/Sentinel-Light.woff') format('truetype'),
-    url('#{$font-url}/sentinel/Sentinel-Light.woff') format('woff'),
-    url('#{$font-url}/sentinel/Sentinel-Light.woff2') format('woff2');
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Sentinel;
-  src:
-    url('#{$font-url}/sentinel/Sentinel-LightItalic.woff') format('truetype'),
-    url('#{$font-url}/sentinel/Sentinel-LightItalic.woff') format('woff'),
-    url('#{$font-url}/sentinel/Sentinel-LightItalic.woff2') format('woff2');
-  font-weight: 300;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Sentinel;
-  src:
-    url('#{$font-url}/sentinel/Sentinel-Medium.woff') format('truetype'),
-    url('#{$font-url}/sentinel/Sentinel-Medium.woff') format('woff'),
-    url('#{$font-url}/sentinel/Sentinel-Medium.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Sentinel;
-  src:
-    url('#{$font-url}/sentinel/Sentinel-MediumItalic.woff') format('truetype'),
-    url('#{$font-url}/sentinel/Sentinel-MediumItalic.woff') format('woff'),
-    url('#{$font-url}/sentinel/Sentinel-MediumItalic.woff2') format('woff2');
-  font-weight: 500;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Sentinel;
-  src:
-    url('#{$font-url}/sentinel/Sentinel-Semibold.woff') format('truetype'),
-    url('#{$font-url}/sentinel/Sentinel-Semibold.woff') format('woff'),
-    url('#{$font-url}/sentinel/Sentinel-Semibold.woff2') format('woff2');
-  font-weight: 600;
-  font-style: italic;
-  font-display: swap;
-}
+// $font-url: '../../assets/fonts';
+
+// @font-face {
+//   font-family: [font-family];
+//   src: url('#{$font-url}/[font-filename]') format('truetype');
+//   font-weight: 500;
+//   font-style: normal;
+//   font-display: swap;
+// }
diff --git a/src/layout/container/container.twig b/src/layout/container/container.twig
index 86bcbeb..c5e12c5 100644
--- a/src/layout/container/container.twig
+++ b/src/layout/container/container.twig
@@ -54,7 +54,6 @@
 
     {% block container__content %}
       {% include "@layout/placeholder/placeholder.twig" with { place_holder: "Placeholder Content" } %}
-      {% include "emulsify-ui-kit:placeholder" with { place_holder: "Placeholder Content" } %}
     {% endblock %}
   </div>
   {% block container__suffix %}{% endblock %}
diff --git a/src/tokens/tokens.scss b/src/tokens/tokens.scss
index 55042de..7c6bbf3 100644
--- a/src/tokens/tokens.scss
+++ b/src/tokens/tokens.scss
@@ -3,43 +3,43 @@
  */
 
 :root {
-  --colors-sb-background: #ffffff;
+  --colors-sb-background: #fff;
   --colors-sb-text-body: #00202e;
   --colors-sb-text-heading: #0080b7;
   --colors-sb-visualization: #009fe4;
   --text-field-border-width: 1px;
   --text-field-radius: 0.625rem;
   --text-field-border: [object Object];
-  --tabs-color-bg-default: #ffffff;
-  --tabs-color-bg-active: #ffffff;
-  --tabs-color-bg-hover: #ffffff;
+  --tabs-color-bg-default: #fff;
+  --tabs-color-bg-active: #fff;
+  --tabs-color-bg-hover: #fff;
   --tabs-color-text-default: #00202e;
   --tabs-color-text-active: #0080b7;
   --tabs-color-text-hover: #005f89;
   --tabs-color-border-bottom: #a9afb1;
   --tab-label: [object Object];
-  --table-color-cell-bg: #ffffff;
+  --table-color-cell-bg: #fff;
   --table-color-cell-bg-stripe: #9ce1ff;
   --table-color-cell-text: #00202e;
   --table-color-cell-icon: #005f89;
   --table-color-header-bg: #005f89;
-  --table-color-header-text: #ffffff;
+  --table-color-header-text: #fff;
   --table-color-header-icon: #9ce1ff;
   --table-color-border: #d4d7d8;
   --status-color-info-bg: #16bdde;
   --status-color-info-label: #272727;
   --status-color-danger-bg: #bd1919;
-  --status-color-danger-label: #ffffff;
+  --status-color-danger-label: #fff;
   --status-color-success-bg: #337b32;
-  --status-color-success-label: #ffffff;
+  --status-color-success-label: #fff;
   --status-color-warning-bg: #f6c40f;
-  --status-color-warning-label: #333333;
+  --status-color-warning-label: #333;
   --status-font-size-header: 1.3125rem;
   --selectdropdown-color-label: #00202e;
   --selectdropdown-color-label-disabled: #a9afb1;
-  --selectdropdown-color-button-fill: #ffffff;
+  --selectdropdown-color-button-fill: #fff;
   --selectdropdown-color-button-fill-hover: #e6f5fc;
-  --selectdropdown-color-button-fill-disabled: #ffffff;
+  --selectdropdown-color-button-fill-disabled: #fff;
   --selectdropdown-color-button-stroke: #7f878b;
   --selectdropdown-color-button-stroke-hover: #545f64;
   --selectdropdown-color-button-stroke-disabled: #a9afb1;
@@ -55,7 +55,7 @@
   --radio-color-button-stroke-disabled: #a9afb1;
   --radio-gap: 0.25rem;
   --pager-color-text-default: #29373d;
-  --pager-color-text-hover: #ffffff;
+  --pager-color-text-hover: #fff;
   --pager-color-text-focus: #0080b7;
   --pager-color-fill-hover: #0080b7;
   --pager-default: [object Object];
@@ -65,11 +65,11 @@
   --pager-padding-y: 0.5rem;
   --pager-padding-y-hover: 0.5rem;
   --pager-padding-y-focus: 0.5rem;
-  --utility-menu-color-bg: #ffffff;
+  --utility-menu-color-bg: #fff;
   --utility-menu-color-link-default: #006089;
   --utility-menu-color-link-hover: #0080b7;
-  --main-menu-color-bg: #ffffff;
-  --main-menu-color-link-bg: #ffffff;
+  --main-menu-color-bg: #fff;
+  --main-menu-color-link-bg: #fff;
   --main-menu-color-link-bg-hover: #9ce1ff;
   --main-menu-color-link-label: #0080b7;
   --main-menu-color-link-label-hover: #006089;
@@ -79,7 +79,7 @@
   --main-menu-color-dropdown-label-hover: #006089;
   --link-color-default: #005f89;
   --link-color-hover: #00202e;
-  --link-color-inverse: #ffffff;
+  --link-color-inverse: #fff;
   --link-color-inverse-hover: #9ce1ff;
   --link-body: [object Object];
   --input-gap: 0.5rem;
@@ -91,16 +91,16 @@
   --input-border-color: #7f878b;
   --input-radius: 0.25rem;
   --input-label-lineheight: 125%;
-  --input-bkg: #ffffff;
+  --input-bkg: #fff;
   --header-search-background: #006089;
-  --header-search-text-icon: #ffffff;
+  --header-search-text-icon: #fff;
   --footer-background-default: #006089;
-  --footer-background-light: #ffffff;
+  --footer-background-light: #fff;
   --footer-heading-default: #9ce1ff;
   --footer-heading-dark: #0080b7;
   --footer-icon-default: #9ce1ff;
   --footer-icon-dark: #0080b7;
-  --fieldset-color-bg: #ffffff;
+  --fieldset-color-bg: #fff;
   --fieldset-color-border: #a9afb1;
   --fieldset-color-label: #00202e;
   --radius-fieldset: 0.25rem;
@@ -115,7 +115,7 @@
   --cta-color-heading-darker: #006089;
   --cta-color-eyebrow: #006089;
   --cta-color-body: #00202e;
-  --cta-color-button: #ffffff;
+  --cta-color-button: #fff;
   --cta-background: #9ce1ff;
   --cta-button-background: #009fe4;
   --cta-button-background-darker: #006089;
@@ -132,10 +132,10 @@
   --card-color-heading: #0080b7;
   --card-color-subheading: #006089;
   --button-color-bkg: #005f89;
-  --button-color-label: #ffffff;
+  --button-color-label: #fff;
   --button-color-bkg-hover: #00405b;
-  --button-color-label-hover: #ffffff;
-  --button-color-label-focus: #ffffff;
+  --button-color-label-hover: #fff;
+  --button-color-label-focus: #fff;
   --button-color-bkg-focus: #00405b;
   --button-padding-x: 1rem;
   --button-padding-x-hover: 1rem;
@@ -161,12 +161,12 @@
   --block-quote-padding-x: 2rem;
   --block-quote-padding-y: 0.5rem;
   --banner-button-text: #00202e;
-  --banner-button-border: #ffffff;
+  --banner-button-border: #fff;
   --banner-button-background: #9ce1ff;
-  --banner-text: #ffffff;
+  --banner-text: #fff;
   --banner-background: #006089;
   --banner-background-opacity: 0.75;
-  --announcement-background-default: #ffffff;
+  --announcement-background-default: #fff;
   --announcement-background-light: #9ce1ff;
   --announcement-background-dark: #006089;
   --announcement-heading-default: #0080b7;
@@ -189,13 +189,13 @@
   --color-text-body: #00202e;
   --color-text-body-lighter: #006089;
   --color-text-heading: #006089;
-  --color-text-white: #ffffff;
+  --color-text-white: #fff;
   --color-warning-default: #d80f0f;
   --color-link: #005f89;
   --color-link-hover: #00202e;
   --color-link-hover-lighter: #00405b;
-  --color-black: #000000;
-  --color-white: #ffffff;
+  --color-black: #000;
+  --color-white: #fff;
   --color-emulsify-blue-100: #e6f5fc;
   --color-emulsify-blue-200: #ccecfa;
   --color-emulsify-blue-300: #99d9f4;
diff --git a/system.emulsify.json b/system.emulsify.json
index 993011e..7535eb4 100644
--- a/system.emulsify.json
+++ b/system.emulsify.json
@@ -43,6 +43,110 @@
           "description": "Various helper scripts for constructing stories"
         }
       ],
+      "files": [
+        {
+          "name": "configma",
+          "path": "./config/configma.json",
+          "destinationPath": "./config/configma.json",
+          "description": "Figma configuration file"
+        },
+        {
+          "name": "sd.config",
+          "path": "./config/sd.config.json",
+          "destinationPath": "./config/sd.config.json",
+          "description": "Style Dictionary configuration"
+        },
+        {
+          "name": "icon-angle-down",
+          "path": "./assets/icons/angle-down.svg",
+          "destinationPath": "./assets/icons/angle-down.svg",
+          "description": "Icon - Angle Down"
+        },
+        {
+          "name": "icon-arrow-left",
+          "path": "./assets/icons/arrowLeft.svg",
+          "destinationPath": "./assets/icons/arrowLeft.svg",
+          "description": "Icon - Arrow Left"
+        },
+        {
+          "name": "icon-arrow-right",
+          "path": "./assets/icons/arrowRight.svg",
+          "destinationPath": "./assets/icons/arrowRight.svg",
+          "description": "Icon - Arrow Right"
+        },
+        {
+          "name": "icon-chevron-down",
+          "path": "./assets/icons/chevron-down.svg",
+          "destinationPath": "./assets/icons/chevron-down.svg",
+          "description": "Icon - Chevron Down"
+        },
+        {
+          "name": "icon-chevron-left",
+          "path": "./assets/icons/chevronLeft.svg",
+          "destinationPath": "./assets/icons/chevronLeft.svg",
+          "description": "Icon - Chevron Left"
+        },
+        {
+          "name": "icon-chevron-right",
+          "path": "./assets/icons/chevronRight.svg",
+          "destinationPath": "./assets/icons/chevronRight.svg",
+          "description": "Icon - Chevron Right"
+        },
+        {
+          "name": "icon-circle-info",
+          "path": "./assets/icons/circle-info.svg",
+          "destinationPath": "./assets/icons/circle-info.svg",
+          "description": "Icon - Circle Info"
+        },
+        {
+          "name": "icon-facebook",
+          "path": "./assets/icons/facebook.svg",
+          "destinationPath": "./assets/icons/facebook.svg",
+          "description": "Icon - Facebook"
+        },
+        {
+          "name": "icon-instagram",
+          "path": "./assets/icons/instagram.svg",
+          "destinationPath": "./assets/icons/instagram.svg",
+          "description": "Icon - Instagram"
+        },
+        {
+          "name": "icon-linkedin",
+          "path": "./assets/icons/linkedin.svg",
+          "destinationPath": "./assets/icons/linkedin.svg",
+          "description": "Icon - Linkedin"
+        },
+        {
+          "name": "icon-menu-close",
+          "path": "./assets/icons/menu-close.svg",
+          "destinationPath": "./assets/icons/menu-close.svg",
+          "description": "Icon - Menu Close"
+        },
+        {
+          "name": "icon-menu",
+          "path": "./assets/icons/menu.svg",
+          "destinationPath": "./assets/icons/menu.svg",
+          "description": "Icon - Menu"
+        },
+        {
+          "name": "icon-star-solid",
+          "path": "./assets/icons/star-solid.svg",
+          "destinationPath": "./assets/icons/star-solid.svg",
+          "description": "Icon - Star Solid"
+        },
+        {
+          "name": "icon-triangle-exclamation",
+          "path": "./assets/icons/triangle-exclamation.svg",
+          "destinationPath": "./assets/icons/triangle-exclamation.svg",
+          "description": "Icon - Triangle Exclamation"
+        },
+        {
+          "name": "icon-twitter",
+          "path": "./assets/icons/twitter.svg",
+          "destinationPath": "./assets/icons/twitter.svg",
+          "description": "Icon - Twitter"
+        }
+      ],
       "components": [
         {
           "name": "accordion",