diff --git a/.storybook/main.js b/.storybook/main.js
index 37008e8e6..bdb109b9c 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -19,7 +19,6 @@ module.exports = {
     },
     '@storybook/addon-a11y',
     'storybook-mobile',
-    'storybook-addon-paddings',
     'storybook-addon-outline',
     '@whitespace/storybook-addon-html',
     '@storybook/addon-postcss',
diff --git a/.storybook/preview.js b/.storybook/preview.js
index ca7cdc094..14d3fcbd0 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -13,20 +13,6 @@ const breakpoints = tokens.size.breakpoint;
 // Extend the languages Storybook will highlight
 ReactSyntaxHighlighter.registerLanguage('twig', twig);
 
-// Padding values from modular scale
-const paddings = { values: [], default: 'Step 0' };
-for (let i = -3; i <= 6; i++) {
-  paddings.values.push({
-    name: `Step ${i}`,
-    // `toFixed` keeps the values from extending past two decimal points.
-    // The leading `+` keeps values from having decimal points where they don't
-    // need them, so `1.00` becomes `1`.
-    value: `${+Math.pow(tokens.number.scale.modular.ratio.value, i).toFixed(
-      2
-    )}em`,
-  });
-}
-
 // Create viewports using widths defined in design tokens
 const breakpointViewports = Object.keys(breakpoints).map((name) => {
   return {
@@ -90,7 +76,6 @@ export const parameters = {
       ...INITIAL_VIEWPORTS,
     },
   },
-  paddings,
 };
 
 export const globalTypes = {
diff --git a/package-lock.json b/package-lock.json
index 0905fcd32..256158ee5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -70,7 +70,6 @@
         "sass": "1.38.0",
         "sass-loader": "10.2.0",
         "storybook-addon-outline": "1.4.1",
-        "storybook-addon-paddings": "4.2.1",
         "storybook-mobile": "0.1.31",
         "style-dictionary": "3.0.3",
         "style-loader": "2.0.0",
@@ -32647,31 +32646,6 @@
         "react-dom": "^16.8.0 || ^17.0.0"
       }
     },
-    "node_modules/storybook-addon-paddings": {
-      "version": "4.2.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@storybook/addons": "^6.2.0",
-        "@storybook/api": "^6.2.0",
-        "@storybook/components": "^6.2.0",
-        "@storybook/theming": "^6.2.0",
-        "core-js": "^3.12.0",
-        "memoizerific": "^1.11.0"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/storybook-mobile": {
       "version": "0.1.31",
       "dev": true,
@@ -61580,18 +61554,6 @@
         "ts-dedent": "^2.1.1"
       }
     },
-    "storybook-addon-paddings": {
-      "version": "4.2.1",
-      "dev": true,
-      "requires": {
-        "@storybook/addons": "^6.2.0",
-        "@storybook/api": "^6.2.0",
-        "@storybook/components": "^6.2.0",
-        "@storybook/theming": "^6.2.0",
-        "core-js": "^3.12.0",
-        "memoizerific": "^1.11.0"
-      }
-    },
     "storybook-mobile": {
       "version": "0.1.31",
       "dev": true,
diff --git a/package.json b/package.json
index e578f687f..cde0e4af2 100644
--- a/package.json
+++ b/package.json
@@ -101,7 +101,6 @@
     "sass": "1.38.0",
     "sass-loader": "10.2.0",
     "storybook-addon-outline": "1.4.1",
-    "storybook-addon-paddings": "4.2.1",
     "storybook-mobile": "0.1.31",
     "style-dictionary": "3.0.3",
     "style-loader": "2.0.0",
diff --git a/src/components/alert/alert.stories.mdx b/src/components/alert/alert.stories.mdx
index b43bee014..ea5a2379c 100644
--- a/src/components/alert/alert.stories.mdx
+++ b/src/components/alert/alert.stories.mdx
@@ -55,7 +55,6 @@ Alerts work well even when displayed at full width. Their contents will constrai
     name="Full width"
     parameters={{
       layout: 'fullscreen',
-      paddings: { disable: true },
     }}
     args={{
       message: 'You appear to be offline. 🤔',
diff --git a/src/components/cloud-cover/cloud-cover.stories.mdx b/src/components/cloud-cover/cloud-cover.stories.mdx
index e04a15b42..cd7d7215a 100644
--- a/src/components/cloud-cover/cloud-cover.stories.mdx
+++ b/src/components/cloud-cover/cloud-cover.stories.mdx
@@ -9,7 +9,7 @@ import robotImage from './demo/robot.svg';
   title="Components/Cloud Cover"
   parameters={{
     docs: { inlineStories: false },
-    paddings: { disable: true },
+    layout: 'fullscreen',
     themes: { disable: true },
   }}
 />
diff --git a/src/components/ground-nav/ground-nav.stories.mdx b/src/components/ground-nav/ground-nav.stories.mdx
index 0bc2b10d4..d5c890d91 100644
--- a/src/components/ground-nav/ground-nav.stories.mdx
+++ b/src/components/ground-nav/ground-nav.stories.mdx
@@ -55,7 +55,7 @@ embedded examples.
 
 <Meta
   title="Components/Ground Nav"
-  parameters={{ docs: { inlineStories: false }, paddings: { disable: true } }}
+  parameters={{ docs: { inlineStories: false }, layout: 'fullscreen' }}
 />
 
 # Ground Nav
diff --git a/src/components/sky-nav/sky-nav.stories.mdx b/src/components/sky-nav/sky-nav.stories.mdx
index fcca5d193..49fcf5a1f 100644
--- a/src/components/sky-nav/sky-nav.stories.mdx
+++ b/src/components/sky-nav/sky-nav.stories.mdx
@@ -37,7 +37,6 @@ The Sky Nav is intended for use with our [our dark theme](/docs/design-themes--d
     height="200px"
     parameters={{
       layout: 'fullscreen',
-      paddings: { disable: true },
       themes: { disable: true },
       docs: {
         source: {
@@ -72,7 +71,6 @@ But it works without a theme, too, just in case:
     height="200px"
     parameters={{
       layout: 'fullscreen',
-      paddings: { disable: true },
       themes: { disable: true },
       docs: {
         source: {
diff --git a/src/design/favicons.stories.mdx b/src/design/favicons.stories.mdx
index 341c56eb3..16ea2b825 100644
--- a/src/design/favicons.stories.mdx
+++ b/src/design/favicons.stories.mdx
@@ -20,7 +20,7 @@ We also provide `favicon-dev.ico` and `favicon-dev.svg` to help differentiate ta
   <Story
     name="Favicons"
     parameters={{
-      paddings: { disable: true },
+      layout: 'fullscreen',
       docs: {
         source: {
           code: `<link rel="icon" href="path/to/favicon.ico" />
@@ -34,7 +34,7 @@ We also provide `favicon-dev.ico` and `favicon-dev.svg` to help differentiate ta
   <Story
     name="Favicons (Dev)"
     parameters={{
-      paddings: { disable: true },
+      layout: 'fullscreen',
       docs: {
         source: {
           code: `<link rel="icon" href="path/to/favicon-dev.ico" />
diff --git a/src/objects/container/container.stories.mdx b/src/objects/container/container.stories.mdx
index 100b8981a..cb6f98ae9 100644
--- a/src/objects/container/container.stories.mdx
+++ b/src/objects/container/container.stories.mdx
@@ -38,7 +38,6 @@ embedded examples.
   parameters={{
     layout: 'fullscreen',
     docs: { inlineStories: false },
-    paddings: { disable: true },
   }}
   argTypes={{
     prose: {
diff --git a/src/objects/page/page.stories.mdx b/src/objects/page/page.stories.mdx
index b7772a74f..53031b526 100644
--- a/src/objects/page/page.stories.mdx
+++ b/src/objects/page/page.stories.mdx
@@ -14,7 +14,7 @@ import exampleDemo from './demo/example.twig';
 
 <Meta
   title="Objects/Page"
-  parameters={{ docs: { inlineStories: false }, paddings: { disable: true } }}
+  parameters={{ docs: { inlineStories: false }, layout: 'fullscreen' }}
 />
 
 # Page
diff --git a/src/prototypes/article-listing/articles.stories.js b/src/prototypes/article-listing/articles.stories.js
index 07a0a4054..d55e5bf27 100644
--- a/src/prototypes/article-listing/articles.stories.js
+++ b/src/prototypes/article-listing/articles.stories.js
@@ -8,7 +8,7 @@ export default {
   title: 'Prototypes/Article Listing',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/articles/articles.stories.js b/src/prototypes/articles/articles.stories.js
index 3b638dc63..7918fd933 100644
--- a/src/prototypes/articles/articles.stories.js
+++ b/src/prototypes/articles/articles.stories.js
@@ -8,7 +8,7 @@ export default {
   title: 'Prototypes/Articles',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/card-variations/card-variations.stories.js b/src/prototypes/card-variations/card-variations.stories.js
index 3c59229d4..832eb1e23 100644
--- a/src/prototypes/card-variations/card-variations.stories.js
+++ b/src/prototypes/card-variations/card-variations.stories.js
@@ -5,7 +5,7 @@ export default {
   title: 'Prototypes/Card Variations',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/case-study-listings/case-study-listings.stories.js b/src/prototypes/case-study-listings/case-study-listings.stories.js
index 7c0589714..ce889ff0d 100644
--- a/src/prototypes/case-study-listings/case-study-listings.stories.js
+++ b/src/prototypes/case-study-listings/case-study-listings.stories.js
@@ -9,7 +9,7 @@ export default {
   title: 'Prototypes/Case Study Listings',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/cloud-divider/clouds.stories.js b/src/prototypes/cloud-divider/clouds.stories.js
index 341019887..6e1d00ce7 100644
--- a/src/prototypes/cloud-divider/clouds.stories.js
+++ b/src/prototypes/cloud-divider/clouds.stories.js
@@ -5,7 +5,7 @@ export default {
   title: 'Prototypes/Clouds',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/comment-thread/thread.stories.js b/src/prototypes/comment-thread/thread.stories.js
index 28e9b40d7..1a8fcaece 100644
--- a/src/prototypes/comment-thread/thread.stories.js
+++ b/src/prototypes/comment-thread/thread.stories.js
@@ -5,7 +5,7 @@ export default {
   title: 'Prototypes/Comment Thread',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/email-signup/signup.stories.js b/src/prototypes/email-signup/signup.stories.js
index 434287f00..fe95a982a 100644
--- a/src/prototypes/email-signup/signup.stories.js
+++ b/src/prototypes/email-signup/signup.stories.js
@@ -6,7 +6,7 @@ export default {
   title: 'Prototypes/Email Signup Form',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/error/error.stories.js b/src/prototypes/error/error.stories.js
index 48789b97b..39d9f505f 100644
--- a/src/prototypes/error/error.stories.js
+++ b/src/prototypes/error/error.stories.js
@@ -6,7 +6,7 @@ export default {
   title: 'Prototypes/Error Pages',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/home-page/home-page.stories.js b/src/prototypes/home-page/home-page.stories.js
index 9a452f435..53f910ae1 100644
--- a/src/prototypes/home-page/home-page.stories.js
+++ b/src/prototypes/home-page/home-page.stories.js
@@ -5,7 +5,7 @@ export default {
   title: 'Prototypes/Home Page Content',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/no-content/no-content.stories.js b/src/prototypes/no-content/no-content.stories.js
index 20e676b19..35aa8b940 100644
--- a/src/prototypes/no-content/no-content.stories.js
+++ b/src/prototypes/no-content/no-content.stories.js
@@ -5,7 +5,7 @@ export default {
   title: 'Prototypes/No Content',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/no-results/articles.stories.js b/src/prototypes/no-results/articles.stories.js
index cb6f70759..5f6087a51 100644
--- a/src/prototypes/no-results/articles.stories.js
+++ b/src/prototypes/no-results/articles.stories.js
@@ -6,7 +6,7 @@ export default {
   title: 'Prototypes/No Results',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/quotes/quotes.stories.js b/src/prototypes/quotes/quotes.stories.js
index 6fa795033..71d42d5c0 100644
--- a/src/prototypes/quotes/quotes.stories.js
+++ b/src/prototypes/quotes/quotes.stories.js
@@ -4,7 +4,7 @@ export default {
   title: 'Prototypes/Quotes',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/single-article/single-article.stories.js b/src/prototypes/single-article/single-article.stories.js
index 032372b67..98ac335e4 100644
--- a/src/prototypes/single-article/single-article.stories.js
+++ b/src/prototypes/single-article/single-article.stories.js
@@ -4,7 +4,7 @@ import { useSkyNav } from '../use-sky-nav.ts';
 export default {
   title: 'Prototypes/Single Article',
   parameters: {
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/single-page/single-page.stories.js b/src/prototypes/single-page/single-page.stories.js
index 67217a559..80b2cb8dc 100644
--- a/src/prototypes/single-page/single-page.stories.js
+++ b/src/prototypes/single-page/single-page.stories.js
@@ -6,7 +6,7 @@ import { useSkyNav } from '../use-sky-nav.ts';
 export default {
   title: 'Prototypes/Single Page',
   parameters: {
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/speaking-event/speaking.stories.js b/src/prototypes/speaking-event/speaking.stories.js
index 976df7f7d..5307f5f0e 100644
--- a/src/prototypes/speaking-event/speaking.stories.js
+++ b/src/prototypes/speaking-event/speaking.stories.js
@@ -8,7 +8,7 @@ export default {
   title: 'Prototypes/Speaking Event',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/speaking-listing/speaking.stories.js b/src/prototypes/speaking-listing/speaking.stories.js
index 963d80e95..ce3b795e1 100644
--- a/src/prototypes/speaking-listing/speaking.stories.js
+++ b/src/prototypes/speaking-listing/speaking.stories.js
@@ -7,7 +7,7 @@ export default {
   title: 'Prototypes/Speaking Listing',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };
 
diff --git a/src/prototypes/team/team.stories.js b/src/prototypes/team/team.stories.js
index e30653546..afb962aad 100644
--- a/src/prototypes/team/team.stories.js
+++ b/src/prototypes/team/team.stories.js
@@ -9,7 +9,7 @@ export default {
   title: 'Prototypes/Team Page',
   parameters: {
     docs: { page: null },
-    paddings: { disable: true },
+    layout: 'fullscreen',
   },
 };