diff --git a/LICENSE.MD b/LICENSE.MD
index 6ab5b48..6bf67b5 100644
--- a/LICENSE.MD
+++ b/LICENSE.MD
@@ -36,9 +36,9 @@ SOFTWARE.
 
 ### SIL OPEN FONT LICENSE
 
-The Fonts **Red Hat Display** and **Inclusive Sans** are licensed under the SIL License, Version 1.1.
+The Fonts **Red Hat Display** and **Atkinson Hyperlegible** are licensed under the SIL License, Version 1.1.
 
-Copyright (c) 2021 Red Hat, Inc. and 2024 (c) Olivia King.
+Copyright (c) Red Hat, Inc. and (c) Braille Institute.
 
 This license allows
 
diff --git a/src/_data/designTokens/fonts.json b/src/_data/designTokens/fonts.json
index e7efcc5..adc989c 100644
--- a/src/_data/designTokens/fonts.json
+++ b/src/_data/designTokens/fonts.json
@@ -4,13 +4,13 @@
   "items": [
     {
       "name": "Display",
-      "description": "Display font stack for headings and large text. ",
+      "description": "Display font stack for headings and large text. Redhat Display is made for headlines and big statements, are low contrast and spaced tightly, with a large x-height and open counters.",
       "value": ["Redhat", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"]
     },
     {
       "name": "Base",
-      "description": "Base font stack for body text. Inclusive Sans is a free, friendly and clean typeface made for enhanced legibility. oliviaking.com/inclusive-sans",
-      "value": ["Inclusive Sans", "system-ui", "sans-serif"]
+      "description": "Base font stack for body text. Atkinson Hyperlegible, named after the founder of the Braille Institute, has been developed specifically to increase legibility for readers with low vision, and to improve comprehension.",
+      "value": ["Atkinson Hyperlegible", "system-ui", "sans-serif"]
     },
     {
       "name": "Mono",
diff --git a/src/_data/designTokens/spacing.json b/src/_data/designTokens/spacing.json
index 7dedd2c..f090b32 100644
--- a/src/_data/designTokens/spacing.json
+++ b/src/_data/designTokens/spacing.json
@@ -2,7 +2,7 @@
   "title": "Spacing",
   "description": "Consistent spacing sizes, based on a ratio, with min and max sizes. This allows you to set spacing based on the context size. For example, min for mobile and max for desktop browsers.",
   "meta": {
-    "scaleGenerator": "https://utopia.fyi/space/calculator?c=320,19,1.2,1350,26,1.414,8,2,&s=0.75|0.5|0.25,2|3|5|8|13,s-l&g=s,l,xl,12",
+    "scaleGenerator": "https://utopia.fyi/space/calculator?c=320,19,1.2,1350,28,1.25,6,2,&s=0.75%7C0.5%7C0.25,2%7C3%7C5%7C8%7C13,s-l&g=s,l,xl,12",
     "note": "shifing the scale: XS is equal to 3XS"
   },
   "items": [
@@ -34,7 +34,7 @@
     {
       "name": "L",
       "min": 19,
-      "max": 31
+      "max": 28
     },
     {
       "name": "XL",
diff --git a/src/_data/designTokens/textWeights.json b/src/_data/designTokens/textWeights.json
index e2aed3c..72b5b1b 100644
--- a/src/_data/designTokens/textWeights.json
+++ b/src/_data/designTokens/textWeights.json
@@ -10,10 +10,6 @@
     {
       "name": "Bold",
       "value": 700
-    },
-    {
-      "name": "Extra Bold",
-      "value": 900
     }
   ]
 }
diff --git a/src/assets/css/global/base/fonts.css b/src/assets/css/global/base/fonts.css
index d8ba012..c819d6b 100644
--- a/src/assets/css/global/base/fonts.css
+++ b/src/assets/css/global/base/fonts.css
@@ -1,21 +1,31 @@
 @font-face {
-  font-family: 'Inclusive Sans';
+  font-family: 'Atkinson Hyperlegible';
   font-style: normal;
   font-display: swap;
   font-weight: 400;
   src:
     local(''),
-    url('/assets/fonts/inclusive/inclusivesans-regular.woff2') format('woff2');
+    url('/assets/fonts/atkinson/atkinson-hyperlegible-regular.woff2') format('woff2');
 }
 
 @font-face {
-  font-family: 'Inclusive Sans';
+  font-family: 'Atkinson Hyperlegible';
   font-style: italic;
   font-display: swap;
   font-weight: 400;
   src:
     local(''),
-    url('/assets/fonts/inclusive/inclusivesans-italic.woff2') format('woff2');
+    url('/assets/fonts/atkinson/atkinson-hyperlegible-italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Atkinson Hyperlegible';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 700;
+  src:
+    local(''),
+    url('/assets/fonts/atkinson/atkinson-hyperlegible-bold.woff2') format('woff2');
 }
 
 @font-face {
diff --git a/src/assets/css/global/base/global-styles.css b/src/assets/css/global/base/global-styles.css
index 7da2a1b..416ba05 100644
--- a/src/assets/css/global/base/global-styles.css
+++ b/src/assets/css/global/base/global-styles.css
@@ -31,7 +31,7 @@ h1,
 h2,
 h3 {
   font-family: var(--font-display);
-  font-weight: var(--font-extra-bold);
+  font-weight: var(--font-bold);
   line-height: 1.2;
   letter-spacing: var(--tracking-s);
 }
@@ -83,8 +83,7 @@ svg {
 
 b,
 strong {
-  font-weight: var(--font-extra-bold);
-  font-family: var(--font-display);
+  font-weight: var(--font-bold);
 }
 
 hr {
diff --git a/src/assets/css/global/blocks/main-nav.css b/src/assets/css/global/blocks/main-nav.css
index a00d27a..e2b2c27 100644
--- a/src/assets/css/global/blocks/main-nav.css
+++ b/src/assets/css/global/blocks/main-nav.css
@@ -78,7 +78,7 @@
 }
 
 .mainnav span {
-  font-weight: var(--font-extra-bold);
+  font-weight: var(--font-bold);
   text-transform: uppercase;
   font-family: var(--font-display);
   font-size: var(--size-step-min-1);
diff --git a/src/assets/fonts/atkinson/atkinson-hyperlegible-bold.woff2 b/src/assets/fonts/atkinson/atkinson-hyperlegible-bold.woff2
new file mode 100644
index 0000000..221b597
Binary files /dev/null and b/src/assets/fonts/atkinson/atkinson-hyperlegible-bold.woff2 differ
diff --git a/src/assets/fonts/atkinson/atkinson-hyperlegible-italic.woff2 b/src/assets/fonts/atkinson/atkinson-hyperlegible-italic.woff2
new file mode 100644
index 0000000..65238df
Binary files /dev/null and b/src/assets/fonts/atkinson/atkinson-hyperlegible-italic.woff2 differ
diff --git a/src/assets/fonts/atkinson/atkinson-hyperlegible-regular.woff2 b/src/assets/fonts/atkinson/atkinson-hyperlegible-regular.woff2
new file mode 100644
index 0000000..de3dc43
Binary files /dev/null and b/src/assets/fonts/atkinson/atkinson-hyperlegible-regular.woff2 differ
diff --git a/src/assets/fonts/inclusive/inclusivesans-italic.woff2 b/src/assets/fonts/inclusive/inclusivesans-italic.woff2
deleted file mode 100644
index 526e8be..0000000
Binary files a/src/assets/fonts/inclusive/inclusivesans-italic.woff2 and /dev/null differ
diff --git a/src/assets/fonts/inclusive/inclusivesans-regular.woff2 b/src/assets/fonts/inclusive/inclusivesans-regular.woff2
deleted file mode 100644
index f35adbb..0000000
Binary files a/src/assets/fonts/inclusive/inclusivesans-regular.woff2 and /dev/null differ
diff --git a/src/assets/og-images/a-draft-preview.jpeg b/src/assets/og-images/a-draft-preview.jpeg
index da51d61..087c8ee 100644
Binary files a/src/assets/og-images/a-draft-preview.jpeg and b/src/assets/og-images/a-draft-preview.jpeg differ
diff --git a/src/assets/og-images/demo-pages-preview.jpeg b/src/assets/og-images/demo-pages-preview.jpeg
index c598cf5..be61c14 100644
Binary files a/src/assets/og-images/demo-pages-preview.jpeg and b/src/assets/og-images/demo-pages-preview.jpeg differ
diff --git a/src/assets/og-images/eleventy-excellent-20-preview.jpeg b/src/assets/og-images/eleventy-excellent-20-preview.jpeg
index dbacc56..31c4512 100644
Binary files a/src/assets/og-images/eleventy-excellent-20-preview.jpeg and b/src/assets/og-images/eleventy-excellent-20-preview.jpeg differ
diff --git a/src/assets/og-images/eleventy-excellent-30-preview.jpeg b/src/assets/og-images/eleventy-excellent-30-preview.jpeg
index babfec1..ea3b003 100644
Binary files a/src/assets/og-images/eleventy-excellent-30-preview.jpeg and b/src/assets/og-images/eleventy-excellent-30-preview.jpeg differ
diff --git a/src/assets/og-images/open-graph-images-preview.jpeg b/src/assets/og-images/open-graph-images-preview.jpeg
index 83f3047..ae62528 100644
Binary files a/src/assets/og-images/open-graph-images-preview.jpeg and b/src/assets/og-images/open-graph-images-preview.jpeg differ
diff --git a/src/assets/og-images/post-with-301-redirects-preview.jpeg b/src/assets/og-images/post-with-301-redirects-preview.jpeg
index 978d628..3e4448e 100644
Binary files a/src/assets/og-images/post-with-301-redirects-preview.jpeg and b/src/assets/og-images/post-with-301-redirects-preview.jpeg differ
diff --git a/src/assets/og-images/post-with-a-gallery-preview.jpeg b/src/assets/og-images/post-with-a-gallery-preview.jpeg
index f73033a..739151c 100644
Binary files a/src/assets/og-images/post-with-a-gallery-preview.jpeg and b/src/assets/og-images/post-with-a-gallery-preview.jpeg differ
diff --git a/src/assets/og-images/post-with-a-video-preview.jpeg b/src/assets/og-images/post-with-a-video-preview.jpeg
index 612c485..254dcd0 100644
Binary files a/src/assets/og-images/post-with-a-video-preview.jpeg and b/src/assets/og-images/post-with-a-video-preview.jpeg differ
diff --git a/src/assets/og-images/post-with-all-the-markdown-preview.jpeg b/src/assets/og-images/post-with-all-the-markdown-preview.jpeg
index ab91a0d..c3f7454 100644
Binary files a/src/assets/og-images/post-with-all-the-markdown-preview.jpeg and b/src/assets/og-images/post-with-all-the-markdown-preview.jpeg differ
diff --git a/src/assets/og-images/post-with-an-image-preview.jpeg b/src/assets/og-images/post-with-an-image-preview.jpeg
index 74ea523..8d1f49b 100644
Binary files a/src/assets/og-images/post-with-an-image-preview.jpeg and b/src/assets/og-images/post-with-an-image-preview.jpeg differ
diff --git a/src/assets/og-images/post-with-fetched-content-preview.jpeg b/src/assets/og-images/post-with-fetched-content-preview.jpeg
index 2658901..a00cb59 100644
Binary files a/src/assets/og-images/post-with-fetched-content-preview.jpeg and b/src/assets/og-images/post-with-fetched-content-preview.jpeg differ
diff --git a/src/assets/og-images/post-with-some-code-preview.jpeg b/src/assets/og-images/post-with-some-code-preview.jpeg
index 5cf4438..a5791a2 100644
Binary files a/src/assets/og-images/post-with-some-code-preview.jpeg and b/src/assets/og-images/post-with-some-code-preview.jpeg differ
diff --git a/src/assets/og-images/what-is-tailwind-css-doing-here-preview.jpeg b/src/assets/og-images/what-is-tailwind-css-doing-here-preview.jpeg
index d5a1b68..a49a0d8 100644
Binary files a/src/assets/og-images/what-is-tailwind-css-doing-here-preview.jpeg and b/src/assets/og-images/what-is-tailwind-css-doing-here-preview.jpeg differ
diff --git a/src/common/og-images.njk b/src/common/og-images.njk
index f23e950..0a9296f 100644
--- a/src/common/og-images.njk
+++ b/src/common/og-images.njk
@@ -1,6 +1,6 @@
 ---
 fontDisplay: "'Red Hat Display', Ubuntu" # needed created in local development, font must be installed on your system.
-fontBody: "'Inclusive Sans', Ubuntu" # needed created in local development, font must be installed on your system.
+fontBody: "'Atkinson Hyperlegible', Ubuntu" # needed created in local development, font must be installed on your system.
 background: '#343434'
 text: '#FBFBFB'
 colors: ['#dd4462', '#c73d58', '#b1364e', '#9a3044']
diff --git a/src/docs/fonts.md b/src/docs/fonts.md
index b4b4428..f61479b 100644
--- a/src/docs/fonts.md
+++ b/src/docs/fonts.md
@@ -2,7 +2,7 @@
 title: Fonts
 ---
 
-This starter uses two custom fonts, Red Hat Display and Inclusive Sans. You can add or delete fonts in `src/assets/fonts`.
+This starter uses two custom fonts, Red Hat Display and Atkinson Hyperlegible. You can add or delete fonts in `src/assets/fonts`.
 
 I often create font subsets using the [Fontsquirrel Webfont Generator](https://www.fontsquirrel.com/tools/webfont-generator).