diff --git a/src/common/styles-dictionary/css/variables.css b/src/common/styles-dictionary/css/variables.css
index 734cacefa..03a2755f5 100644
--- a/src/common/styles-dictionary/css/variables.css
+++ b/src/common/styles-dictionary/css/variables.css
@@ -1,150 +1,43 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Nov 2021 17:46:56 GMT
+ * Generated on Fri, 03 Dec 2021 21:05:51 GMT
  */
 
 :root {
-  --sds-font-body-xxxs-400-font-family: "Open Sans", "OpenSans-Regular";
-  --sds-font-body-xxxs-400-font-size: 11px;
-  --sds-font-body-xxxs-400-letter-spacing: 0.3px;
-  --sds-font-body-xxxs-400-line-height: 16px;
-  --sds-font-body-xxxs-400-font-weight: 400;
-  --sds-font-body-xxxs-400-color: black;
-  --sds-font-body-xxxs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-xxxs-600-font-size: 11px;
-  --sds-font-body-xxxs-600-letter-spacing: 0.3px;
-  --sds-font-body-xxxs-600-line-height: 16px;
-  --sds-font-body-xxxs-600-font-weight: 600;
-  --sds-font-body-xxxs-600-color: black;
-  --sds-font-body-xxs-400-font-family: "Open Sans", "OpenSans-Regular";
-  --sds-font-body-xxs-400-font-size: 12px;
-  --sds-font-body-xxs-400-letter-spacing: 0.3px;
-  --sds-font-body-xxs-400-line-height: 18px;
-  --sds-font-body-xxs-400-font-weight: 400;
-  --sds-font-body-xxs-400-color: black;
-  --sds-font-body-xxs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-xxs-600-font-size: 12px;
-  --sds-font-body-xxs-600-letter-spacing: 0.3px;
-  --sds-font-body-xxs-600-line-height: 18px;
-  --sds-font-body-xxs-600-font-weight: 600;
-  --sds-font-body-xxs-600-color: black;
-  --sds-font-body-xs-400-font-family: "Open Sans", "OpenSans-Regular";
-  --sds-font-body-xs-400-font-size: 13px;
-  --sds-font-body-xs-400-letter-spacing: 0.3px;
-  --sds-font-body-xs-400-line-height: 20px;
-  --sds-font-body-xs-400-font-weight: 400;
-  --sds-font-body-xs-400-color: black;
-  --sds-font-body-xs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-xs-600-font-size: 13px;
-  --sds-font-body-xs-600-letter-spacing: 0.3px;
-  --sds-font-body-xs-600-line-height: 20px;
-  --sds-font-body-xs-600-font-weight: 600;
-  --sds-font-body-xs-600-color: black;
-  --sds-font-body-s-400-font-family: "Open Sans", "OpenSans-Regular";
-  --sds-font-body-s-400-font-size: 14px;
-  --sds-font-body-s-400-letter-spacing: 0.3px;
-  --sds-font-body-s-400-line-height: 24px;
-  --sds-font-body-s-400-font-weight: 400;
-  --sds-font-body-s-400-color: black;
-  --sds-font-body-s-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-s-600-font-size: 14px;
-  --sds-font-body-s-600-letter-spacing: 0.3px;
-  --sds-font-body-s-600-line-height: 24px;
-  --sds-font-body-s-600-font-weight: 600;
-  --sds-font-body-s-600-color: black;
-  --sds-font-body-m-400-font-family: "Open Sans", "OpenSans-Regular";
-  --sds-font-body-m-400-font-size: 16px;
-  --sds-font-body-m-400-letter-spacing: 0.3px;
-  --sds-font-body-m-400-line-height: 26px;
-  --sds-font-body-m-400-font-weight: 400;
-  --sds-font-body-m-400-color: black;
-  --sds-font-body-m-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-m-600-font-size: 16px;
-  --sds-font-body-m-600-letter-spacing: 0.3px;
-  --sds-font-body-m-600-line-height: 26px;
-  --sds-font-body-m-600-font-weight: 600;
-  --sds-font-body-m-600-color: black;
-  --sds-font-body-l-400-font-family: "Open Sans", "OpenSans-Regular";
-  --sds-font-body-l-400-font-size: 18px;
-  --sds-font-body-l-400-letter-spacing: 0.3px;
-  --sds-font-body-l-400-line-height: 28px;
-  --sds-font-body-l-400-font-weight: 400;
-  --sds-font-body-l-400-color: black;
-  --sds-font-body-l-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-l-600-font-size: 18px;
-  --sds-font-body-l-600-letter-spacing: 0.3px;
-  --sds-font-body-l-600-line-height: 28px;
-  --sds-font-body-l-600-font-weight: 600;
-  --sds-font-body-l-600-color: black;
-  --sds-font-caps-xxxxs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-caps-xxxxs-600-font-size: 10px;
-  --sds-font-caps-xxxxs-600-letter-spacing: 1px;
-  --sds-font-caps-xxxxs-600-line-height: 14px;
-  --sds-font-caps-xxxxs-600-font-weight: 600;
+  --sds-font-letter-spacing-default: 0.3px;
+  --sds-font-letter-spacing-caps: 1px;
+  --sds-font-color: black;
+  --sds-font-font-family: "Open Sans", "OpenSans-Regular";
+  --sds-font-body-xxxs-400-font: 400, 11px/16px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-xxxs-600-font: 600, 11px/16px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-xxs-400-font: 400, 12px/18px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-xxs-600-font: 600, 12px/18px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-xs-400-font: 400, 13px/20px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-xs-600-font: 600, 13px/20px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-s-400-font: 400, 14px/24px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-s-600-font: 600, 14px/24px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-m-400-font: 400, 16px/26px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-m-600-font: 600, 16px/26px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-l-400-font: 400, 18px/28px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-l-600-font: 600, 18px/28px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-caps-xxxxs-600-font: 600, 10px/14px "Open Sans",
+    "OpenSans-SemiBold";
   --sds-font-caps-xxxxs-600-text-transform: uppercase;
-  --sds-font-caps-xxxxs-600-color: black;
-  --sds-font-caps-xxxs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-caps-xxxs-600-font-size: 11px;
-  --sds-font-caps-xxxs-600-letter-spacing: 1px;
-  --sds-font-caps-xxxs-600-line-height: 16px;
-  --sds-font-caps-xxxs-600-font-weight: 600;
+  --sds-font-caps-xxxs-600-font: 600, 11px/16px "Open Sans", "OpenSans-SemiBold";
   --sds-font-caps-xxxs-600-text-transform: uppercase;
-  --sds-font-caps-xxxs-600-color: black;
-  --sds-font-caps-xxs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-caps-xxs-600-font-size: 12px;
-  --sds-font-caps-xxs-600-letter-spacing: 1px;
-  --sds-font-caps-xxs-600-line-height: 18px;
-  --sds-font-caps-xxs-600-font-weight: 600;
+  --sds-font-caps-xxs-600-font: 600, 12px/18px "Open Sans", "OpenSans-SemiBold";
   --sds-font-caps-xxs-600-text-transform: uppercase;
-  --sds-font-caps-xxs-600-color: black;
-  --sds-font-header-xxxs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-xxxs-600-font-size: 11px;
-  --sds-font-header-xxxs-600-letter-spacing: 0.3px;
-  --sds-font-header-xxxs-600-line-height: 16px;
-  --sds-font-header-xxxs-600-font-weight: 600;
-  --sds-font-header-xxxs-600-color: black;
-  --sds-font-header-xxs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-xxs-600-font-size: 12px;
-  --sds-font-header-xxs-600-letter-spacing: 0.3px;
-  --sds-font-header-xxs-600-line-height: 18px;
-  --sds-font-header-xxs-600-font-weight: 600;
-  --sds-font-header-xxs-600-color: black;
-  --sds-font-header-xs-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-xs-600-font-size: 13px;
-  --sds-font-header-xs-600-letter-spacing: 0.3px;
-  --sds-font-header-xs-600-line-height: 18px;
-  --sds-font-header-xs-600-font-weight: 600;
-  --sds-font-header-xs-600-color: black;
-  --sds-font-header-s-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-s-600-font-size: 14px;
-  --sds-font-header-s-600-letter-spacing: 0.3px;
-  --sds-font-header-s-600-line-height: 20px;
-  --sds-font-header-s-600-font-weight: 600;
-  --sds-font-header-s-600-color: black;
-  --sds-font-header-m-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-m-600-font-size: 16px;
-  --sds-font-header-m-600-letter-spacing: 0.3px;
-  --sds-font-header-m-600-line-height: 22px;
-  --sds-font-header-m-600-font-weight: 600;
-  --sds-font-header-m-600-color: black;
-  --sds-font-header-l-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-l-600-font-size: 18px;
-  --sds-font-header-l-600-letter-spacing: 0.3px;
-  --sds-font-header-l-600-line-height: 24px;
-  --sds-font-header-l-600-font-weight: 600;
-  --sds-font-header-l-600-color: black;
-  --sds-font-header-xl-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-xl-600-font-size: 22px;
-  --sds-font-header-xl-600-letter-spacing: 0.3px;
-  --sds-font-header-xl-600-line-height: 30px;
-  --sds-font-header-xl-600-font-weight: 600;
-  --sds-font-header-xl-600-color: black;
-  --sds-font-header-xxl-600-font-family: "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-xxl-600-font-size: 26px;
-  --sds-font-header-xxl-600-letter-spacing: 0.3px;
-  --sds-font-header-xxl-600-line-height: 34px;
-  --sds-font-header-xxl-600-font-weight: 600;
-  --sds-font-header-xxl-600-color: black;
+  --sds-font-header-xxxs-600-font: 600, 11px/16px "Open Sans",
+    "OpenSans-SemiBold";
+  --sds-font-header-xxs-600-font: 600, 12px/18px "Open Sans",
+    "OpenSans-SemiBold";
+  --sds-font-header-xs-600-font: 600, 13px/18px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-s-600-font: 600, 14px/20px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-m-600-font: 600, 16px/22px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-l-600-font: 600, 18px/24px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-xl-600-font: 600, 22px/30px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-xxl-600-font: 600, 26px/34px "Open Sans",
+    "OpenSans-SemiBold";
   --sds-color-beta-100: #f4f0f9;
   --sds-color-beta-200: #f0ebf6;
   --sds-color-beta-400: #7a41ce;
diff --git a/src/common/styles-dictionary/scss/_variables.scss b/src/common/styles-dictionary/scss/_variables.scss
index 1c7cfbdb6..d0294cbf7 100644
--- a/src/common/styles-dictionary/scss/_variables.scss
+++ b/src/common/styles-dictionary/scss/_variables.scss
@@ -1,148 +1,37 @@
 
 // Do not edit directly
-// Generated on Tue, 16 Nov 2021 17:46:56 GMT
+// Generated on Fri, 03 Dec 2021 21:05:51 GMT
 
-$sds-font-body-xxxs-400-font-family: 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-xxxs-400-font-size: 11px;
-$sds-font-body-xxxs-400-letter-spacing: 0.3px;
-$sds-font-body-xxxs-400-line-height: 16px;
-$sds-font-body-xxxs-400-font-weight: 400;
-$sds-font-body-xxxs-400-color: black;
-$sds-font-body-xxxs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-xxxs-600-font-size: 11px;
-$sds-font-body-xxxs-600-letter-spacing: 0.3px;
-$sds-font-body-xxxs-600-line-height: 16px;
-$sds-font-body-xxxs-600-font-weight: 600;
-$sds-font-body-xxxs-600-color: black;
-$sds-font-body-xxs-400-font-family: 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-xxs-400-font-size: 12px;
-$sds-font-body-xxs-400-letter-spacing: 0.3px;
-$sds-font-body-xxs-400-line-height: 18px;
-$sds-font-body-xxs-400-font-weight: 400;
-$sds-font-body-xxs-400-color: black;
-$sds-font-body-xxs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-xxs-600-font-size: 12px;
-$sds-font-body-xxs-600-letter-spacing: 0.3px;
-$sds-font-body-xxs-600-line-height: 18px;
-$sds-font-body-xxs-600-font-weight: 600;
-$sds-font-body-xxs-600-color: black;
-$sds-font-body-xs-400-font-family: 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-xs-400-font-size: 13px;
-$sds-font-body-xs-400-letter-spacing: 0.3px;
-$sds-font-body-xs-400-line-height: 20px;
-$sds-font-body-xs-400-font-weight: 400;
-$sds-font-body-xs-400-color: black;
-$sds-font-body-xs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-xs-600-font-size: 13px;
-$sds-font-body-xs-600-letter-spacing: 0.3px;
-$sds-font-body-xs-600-line-height: 20px;
-$sds-font-body-xs-600-font-weight: 600;
-$sds-font-body-xs-600-color: black;
-$sds-font-body-s-400-font-family: 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-s-400-font-size: 14px;
-$sds-font-body-s-400-letter-spacing: 0.3px;
-$sds-font-body-s-400-line-height: 24px;
-$sds-font-body-s-400-font-weight: 400;
-$sds-font-body-s-400-color: black;
-$sds-font-body-s-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-s-600-font-size: 14px;
-$sds-font-body-s-600-letter-spacing: 0.3px;
-$sds-font-body-s-600-line-height: 24px;
-$sds-font-body-s-600-font-weight: 600;
-$sds-font-body-s-600-color: black;
-$sds-font-body-m-400-font-family: 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-m-400-font-size: 16px;
-$sds-font-body-m-400-letter-spacing: 0.3px;
-$sds-font-body-m-400-line-height: 26px;
-$sds-font-body-m-400-font-weight: 400;
-$sds-font-body-m-400-color: black;
-$sds-font-body-m-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-m-600-font-size: 16px;
-$sds-font-body-m-600-letter-spacing: 0.3px;
-$sds-font-body-m-600-line-height: 26px;
-$sds-font-body-m-600-font-weight: 600;
-$sds-font-body-m-600-color: black;
-$sds-font-body-l-400-font-family: 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-l-400-font-size: 18px;
-$sds-font-body-l-400-letter-spacing: 0.3px;
-$sds-font-body-l-400-line-height: 28px;
-$sds-font-body-l-400-font-weight: 400;
-$sds-font-body-l-400-color: black;
-$sds-font-body-l-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-l-600-font-size: 18px;
-$sds-font-body-l-600-letter-spacing: 0.3px;
-$sds-font-body-l-600-line-height: 28px;
-$sds-font-body-l-600-font-weight: 600;
-$sds-font-body-l-600-color: black;
-$sds-font-caps-xxxxs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-caps-xxxxs-600-font-size: 10px;
-$sds-font-caps-xxxxs-600-letter-spacing: 1px;
-$sds-font-caps-xxxxs-600-line-height: 14px;
-$sds-font-caps-xxxxs-600-font-weight: 600;
+$sds-font-letter-spacing-default: 0.3px;
+$sds-font-letter-spacing-caps: 1px;
+$sds-font-color: black;
+$sds-font-font-family: 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-xxxs-400-font: 400, 11px/16px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-xxs-400-font: 400, 12px/18px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-xs-400-font: 400, 13px/20px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-xs-600-font: 600, 13px/20px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-s-400-font: 400, 14px/24px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-s-600-font: 600, 14px/24px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-m-400-font: 400, 16px/26px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-m-600-font: 600, 16px/26px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-l-400-font: 400, 18px/28px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-l-600-font: 600, 18px/28px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-caps-xxxxs-600-font: 600, 10px/14px 'Open Sans', 'OpenSans-SemiBold';
 $sds-font-caps-xxxxs-600-text-transform:  uppercase;
-$sds-font-caps-xxxxs-600-color: black;
-$sds-font-caps-xxxs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-caps-xxxs-600-font-size: 11px;
-$sds-font-caps-xxxs-600-letter-spacing: 1px;
-$sds-font-caps-xxxs-600-line-height: 16px;
-$sds-font-caps-xxxs-600-font-weight: 600;
+$sds-font-caps-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
 $sds-font-caps-xxxs-600-text-transform:  uppercase;
-$sds-font-caps-xxxs-600-color: black;
-$sds-font-caps-xxs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-caps-xxs-600-font-size: 12px;
-$sds-font-caps-xxs-600-letter-spacing: 1px;
-$sds-font-caps-xxs-600-line-height: 18px;
-$sds-font-caps-xxs-600-font-weight: 600;
+$sds-font-caps-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
 $sds-font-caps-xxs-600-text-transform:  uppercase;
-$sds-font-caps-xxs-600-color: black;
-$sds-font-header-xxxs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xxxs-600-font-size: 11px;
-$sds-font-header-xxxs-600-letter-spacing: 0.3px;
-$sds-font-header-xxxs-600-line-height: 16px;
-$sds-font-header-xxxs-600-font-weight: 600;
-$sds-font-header-xxxs-600-color: black;
-$sds-font-header-xxs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xxs-600-font-size: 12px;
-$sds-font-header-xxs-600-letter-spacing: 0.3px;
-$sds-font-header-xxs-600-line-height: 18px;
-$sds-font-header-xxs-600-font-weight: 600;
-$sds-font-header-xxs-600-color: black;
-$sds-font-header-xs-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xs-600-font-size: 13px;
-$sds-font-header-xs-600-letter-spacing: 0.3px;
-$sds-font-header-xs-600-line-height: 18px;
-$sds-font-header-xs-600-font-weight: 600;
-$sds-font-header-xs-600-color: black;
-$sds-font-header-s-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-s-600-font-size: 14px;
-$sds-font-header-s-600-letter-spacing: 0.3px;
-$sds-font-header-s-600-line-height: 20px;
-$sds-font-header-s-600-font-weight: 600;
-$sds-font-header-s-600-color: black;
-$sds-font-header-m-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-m-600-font-size: 16px;
-$sds-font-header-m-600-letter-spacing: 0.3px;
-$sds-font-header-m-600-line-height: 22px;
-$sds-font-header-m-600-font-weight: 600;
-$sds-font-header-m-600-color: black;
-$sds-font-header-l-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-l-600-font-size: 18px;
-$sds-font-header-l-600-letter-spacing: 0.3px;
-$sds-font-header-l-600-line-height: 24px;
-$sds-font-header-l-600-font-weight: 600;
-$sds-font-header-l-600-color: black;
-$sds-font-header-xl-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xl-600-font-size: 22px;
-$sds-font-header-xl-600-letter-spacing: 0.3px;
-$sds-font-header-xl-600-line-height: 30px;
-$sds-font-header-xl-600-font-weight: 600;
-$sds-font-header-xl-600-color: black;
-$sds-font-header-xxl-600-font-family: 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xxl-600-font-size: 26px;
-$sds-font-header-xxl-600-letter-spacing: 0.3px;
-$sds-font-header-xxl-600-line-height: 34px;
-$sds-font-header-xxl-600-font-weight: 600;
-$sds-font-header-xxl-600-color: black;
+$sds-font-header-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xs-600-font: 600, 13px/18px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-s-600-font: 600, 14px/20px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-m-600-font: 600, 16px/22px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-l-600-font: 600, 18px/24px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xl-600-font: 600, 22px/30px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xxl-600-font: 600, 26px/34px 'Open Sans', 'OpenSans-SemiBold';
 $sds-color-beta-100: #f4f0f9;
 $sds-color-beta-200: #f0ebf6;
 $sds-color-beta-400: #7a41ce;
diff --git a/src/common/styles-dictionary/style-dictionary.json b/src/common/styles-dictionary/style-dictionary.json
index ac19376cd..4238b7be9 100644
--- a/src/common/styles-dictionary/style-dictionary.json
+++ b/src/common/styles-dictionary/style-dictionary.json
@@ -1,231 +1,170 @@
 {
   "sds": {
     "font": {
+      "letter-spacing": {
+        "default": { "value": "0.3px" },
+        "caps": { "value": "1px" }
+      },
+      "color": {
+        "value": "black"
+      },
+      "font-family": { "value": "'Open Sans', 'OpenSans-Regular'" },
       "body": {
         "xxxs": {
           "400": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-Regular'" },
-            "font-size": { "value": "11px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "16px" },
-            "font-weight": { "value": "400" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "400, 11px/16px {sds.font.font-family.value}"
+            }
           },
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "11px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "16px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "xxs": {
           "400": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-Regular'" },
-            "font-size": { "value": "12px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "18px" },
-            "font-weight": { "value": "400" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "400, 12px/18px {sds.font.font-family.value}"
+            }
           },
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "12px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "18px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "xs": {
           "400": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-Regular'" },
-            "font-size": { "value": "13px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "20px" },
-            "font-weight": { "value": "400" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "400, 13px/20px {sds.font.font-family.value}"
+            }
           },
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "13px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "20px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 13px/20px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "s": {
           "400": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-Regular'" },
-            "font-size": { "value": "14px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "24px" },
-            "font-weight": { "value": "400" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "400, 14px/24px {sds.font.font-family.value}"
+            }
           },
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "14px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "24px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 14px/24px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "m": {
           "400": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-Regular'" },
-            "font-size": { "value": "16px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "26px" },
-            "font-weight": { "value": "400" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "400, 16px/26px {sds.font.font-family.value}"
+            }
           },
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "16px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "26px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 16px/26px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "l": {
           "400": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-Regular'" },
-            "font-size": { "value": "18px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "28px" },
-            "font-weight": { "value": "400" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "400, 18px/28px {sds.font.font-family.value}"
+            }
           },
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "18px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "28px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 18px/28px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         }
       },
       "caps": {
         "xxxxs": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "10px" },
-            "letter-spacing": { "value": "1px" },
-            "line-height": { "value": "14px" },
-            "font-weight": { "value": "600" },
-            "text-transform": { "value": " uppercase" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 10px/14px 'Open Sans', 'OpenSans-SemiBold'"
+            },
+            "text-transform": { "value": " uppercase" }
           }
         },
         "xxxs": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "11px" },
-            "letter-spacing": { "value": "1px" },
-            "line-height": { "value": "16px" },
-            "font-weight": { "value": "600" },
-            "text-transform": { "value": " uppercase" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
+            },
+            "text-transform": { "value": " uppercase" }
           }
         },
         "xxs": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "12px" },
-            "letter-spacing": { "value": "1px" },
-            "line-height": { "value": "18px" },
-            "font-weight": { "value": "600" },
-            "text-transform": { "value": " uppercase" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
+            },
+            "text-transform": { "value": " uppercase" }
           }
         }
       },
       "header": {
         "xxxs": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "11px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "16px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "xxs": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "12px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "18px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "xs": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "13px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "18px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 13px/18px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "s": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "14px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "20px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 14px/20px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "m": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "16px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "22px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 16px/22px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "l": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "18px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "24px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 18px/24px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
 
         "xl": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "22px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "30px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 22px/30px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         },
         "xxl": {
           "600": {
-            "font-family": { "value": "'Open Sans', 'OpenSans-SemiBold'" },
-            "font-size": { "value": "26px" },
-            "letter-spacing": { "value": "0.3px" },
-            "line-height": { "value": "34px" },
-            "font-weight": { "value": "600" },
-            "color": { "value": "black" }
+            "font": {
+              "value": "600, 26px/34px 'Open Sans', 'OpenSans-SemiBold'"
+            }
           }
         }
       }