diff --git a/docs/_assets/addons/manager-preview.png b/docs/_assets/addons/manager-preview.png
index 2e9a790f86f6..ddd90a75f847 100644
Binary files a/docs/_assets/addons/manager-preview.png and b/docs/_assets/addons/manager-preview.png differ
diff --git a/docs/_assets/addons/storybook-addon-finished-state.mp4 b/docs/_assets/addons/storybook-addon-finished-state.mp4
deleted file mode 100644
index 98a740e672d0..000000000000
Binary files a/docs/_assets/addons/storybook-addon-finished-state.mp4 and /dev/null differ
diff --git a/docs/_assets/addons/storybook-addon-finished-state.png b/docs/_assets/addons/storybook-addon-finished-state.png
new file mode 100644
index 000000000000..cf0c0a9b743f
Binary files /dev/null and b/docs/_assets/addons/storybook-addon-finished-state.png differ
diff --git a/docs/_assets/addons/storybook-addon-initial-state.png b/docs/_assets/addons/storybook-addon-initial-state.png
index ba68141d5efc..80caacac33ce 100644
Binary files a/docs/_assets/addons/storybook-addon-initial-state.png and b/docs/_assets/addons/storybook-addon-initial-state.png differ
diff --git a/docs/_assets/addons/storybook-addon-installed-registered.png b/docs/_assets/addons/storybook-addon-installed-registered.png
index 00b7843c9f9b..39a0f1798c9a 100644
Binary files a/docs/_assets/addons/storybook-addon-installed-registered.png and b/docs/_assets/addons/storybook-addon-installed-registered.png differ
diff --git a/docs/_assets/addons/storybook-panel.png b/docs/_assets/addons/storybook-panel.png
index e37ccb6b6347..796885c7e1d2 100644
Binary files a/docs/_assets/addons/storybook-panel.png and b/docs/_assets/addons/storybook-panel.png differ
diff --git a/docs/_assets/addons/storybook-tab.png b/docs/_assets/addons/storybook-tab.png
index 085bb68c88a3..961e14f09c2c 100644
Binary files a/docs/_assets/addons/storybook-tab.png and b/docs/_assets/addons/storybook-tab.png differ
diff --git a/docs/_assets/addons/storybook-toolbar.png b/docs/_assets/addons/storybook-toolbar.png
index 84f2c0cf0a10..6728d8b14e74 100644
Binary files a/docs/_assets/addons/storybook-toolbar.png and b/docs/_assets/addons/storybook-toolbar.png differ
diff --git a/docs/_assets/api/button-args-grouped-categories.png b/docs/_assets/api/button-args-grouped-categories.png
deleted file mode 100644
index ee58b801133c..000000000000
Binary files a/docs/_assets/api/button-args-grouped-categories.png and /dev/null differ
diff --git a/docs/_assets/api/button-args-grouped-subcategories.png b/docs/_assets/api/button-args-grouped-subcategories.png
deleted file mode 100644
index ee9277674643..000000000000
Binary files a/docs/_assets/api/button-args-grouped-subcategories.png and /dev/null differ
diff --git a/docs/_assets/api/doc-block-canvas.png b/docs/_assets/api/doc-block-canvas.png
index e099929e7083..ba5c566ea4c3 100644
Binary files a/docs/_assets/api/doc-block-canvas.png and b/docs/_assets/api/doc-block-canvas.png differ
diff --git a/docs/_assets/api/doc-block-controls.png b/docs/_assets/api/doc-block-controls.png
index a256ea55c38e..049c3d21a48d 100644
Binary files a/docs/_assets/api/doc-block-controls.png and b/docs/_assets/api/doc-block-controls.png differ
diff --git a/docs/_assets/api/doc-block-icongallery.png b/docs/_assets/api/doc-block-icongallery.png
index b57f4035f6bf..5062c186e46c 100644
Binary files a/docs/_assets/api/doc-block-icongallery.png and b/docs/_assets/api/doc-block-icongallery.png differ
diff --git a/docs/_assets/api/doc-block-markdown.png b/docs/_assets/api/doc-block-markdown.png
index 58a4d6159d0f..3c93f112ed93 100644
Binary files a/docs/_assets/api/doc-block-markdown.png and b/docs/_assets/api/doc-block-markdown.png differ
diff --git a/docs/_assets/api/doc-block-primary.png b/docs/_assets/api/doc-block-primary.png
index 16f319a32e75..11d293f6b2d6 100644
Binary files a/docs/_assets/api/doc-block-primary.png and b/docs/_assets/api/doc-block-primary.png differ
diff --git a/docs/_assets/api/doc-block-source.png b/docs/_assets/api/doc-block-source.png
index 9fa698640b66..151968188ff2 100644
Binary files a/docs/_assets/api/doc-block-source.png and b/docs/_assets/api/doc-block-source.png differ
diff --git a/docs/_assets/api/doc-block-stories.png b/docs/_assets/api/doc-block-stories.png
index 768111905388..b2e84d6a5cc1 100644
Binary files a/docs/_assets/api/doc-block-stories.png and b/docs/_assets/api/doc-block-stories.png differ
diff --git a/docs/_assets/api/doc-block-story.png b/docs/_assets/api/doc-block-story.png
index 91ec0e9542b6..cee30a4e55a7 100644
Binary files a/docs/_assets/api/doc-block-story.png and b/docs/_assets/api/doc-block-story.png differ
diff --git a/docs/_assets/api/doc-block-title-subtitle-description.png b/docs/_assets/api/doc-block-title-subtitle-description.png
index 93d2e12bec40..512868e7089e 100644
Binary files a/docs/_assets/api/doc-block-title-subtitle-description.png and b/docs/_assets/api/doc-block-title-subtitle-description.png differ
diff --git a/docs/_assets/api/main-config-indexers-arch-build-plugin.jpg b/docs/_assets/api/main-config-indexers-arch-build-plugin.jpg
index 73e2e5a54806..6a11fc7bb72c 100644
Binary files a/docs/_assets/api/main-config-indexers-arch-build-plugin.jpg and b/docs/_assets/api/main-config-indexers-arch-build-plugin.jpg differ
diff --git a/docs/_assets/api/main-config-indexers-arch-indexer.jpg b/docs/_assets/api/main-config-indexers-arch-indexer.jpg
index a7176864e366..b3072391816f 100644
Binary files a/docs/_assets/api/main-config-indexers-arch-indexer.jpg and b/docs/_assets/api/main-config-indexers-arch-indexer.jpg differ
diff --git a/docs/_assets/builders/storybook-builder-workflow.png b/docs/_assets/builders/storybook-builder-workflow.png
index f4621f3620ef..82be4502ab1e 100644
Binary files a/docs/_assets/builders/storybook-builder-workflow.png and b/docs/_assets/builders/storybook-builder-workflow.png differ
diff --git a/docs/_assets/builders/storybook-builders.png b/docs/_assets/builders/storybook-builders.png
index b83628351ad8..f4578b43abba 100644
Binary files a/docs/_assets/builders/storybook-builders.png and b/docs/_assets/builders/storybook-builders.png differ
diff --git a/docs/_assets/configure/addon-locations.png b/docs/_assets/configure/addon-locations.png
index f6554c1e0422..04e844593831 100644
Binary files a/docs/_assets/configure/addon-locations.png and b/docs/_assets/configure/addon-locations.png differ
diff --git a/docs/_assets/configure/layout-params-story-centered.png b/docs/_assets/configure/layout-params-story-centered.png
index 364f33139306..d207c28fe16e 100644
Binary files a/docs/_assets/configure/layout-params-story-centered.png and b/docs/_assets/configure/layout-params-story-centered.png differ
diff --git a/docs/_assets/configure/sidebar-anatomy.png b/docs/_assets/configure/sidebar-anatomy.png
index ef79798a4a78..7876b6792c3a 100644
Binary files a/docs/_assets/configure/sidebar-anatomy.png and b/docs/_assets/configure/sidebar-anatomy.png differ
diff --git a/docs/_assets/configure/sidebar-roots.png b/docs/_assets/configure/sidebar-roots.png
index e3f1ce1d8836..19e4de203b79 100644
Binary files a/docs/_assets/configure/sidebar-roots.png and b/docs/_assets/configure/sidebar-roots.png differ
diff --git a/docs/_assets/configure/storybook-custom-theme.png b/docs/_assets/configure/storybook-custom-theme.png
index 16ea741e966c..eefce5141a7a 100644
Binary files a/docs/_assets/configure/storybook-custom-theme.png and b/docs/_assets/configure/storybook-custom-theme.png differ
diff --git a/docs/_assets/configure/storybook-starter-custom-theme.png b/docs/_assets/configure/storybook-starter-custom-theme.png
index d5a2288e173b..e8e0e172ae3d 100644
Binary files a/docs/_assets/configure/storybook-starter-custom-theme.png and b/docs/_assets/configure/storybook-starter-custom-theme.png differ
diff --git a/docs/_assets/contribute/storybook-build-packages-selection-optimized.png b/docs/_assets/contribute/storybook-build-packages-selection-optimized.png
index 033861db494f..63b711522c20 100644
Binary files a/docs/_assets/contribute/storybook-build-packages-selection-optimized.png and b/docs/_assets/contribute/storybook-build-packages-selection-optimized.png differ
diff --git a/docs/_assets/contribute/storybook-reproduction-generator-template.png b/docs/_assets/contribute/storybook-reproduction-generator-template.png
index 8065c179ef19..118ec6c2f481 100644
Binary files a/docs/_assets/contribute/storybook-reproduction-generator-template.png and b/docs/_assets/contribute/storybook-reproduction-generator-template.png differ
diff --git a/docs/_assets/essentials/addon-actions-demo-optimized.mp4 b/docs/_assets/essentials/addon-actions-demo-optimized.mp4
index 88df8a654cf1..1a9f957c706c 100644
Binary files a/docs/_assets/essentials/addon-actions-demo-optimized.mp4 and b/docs/_assets/essentials/addon-actions-demo-optimized.mp4 differ
diff --git a/docs/_assets/essentials/addon-actions-screenshot.png b/docs/_assets/essentials/addon-actions-screenshot.png
index 9b8319bc7de1..03115cc38531 100644
Binary files a/docs/_assets/essentials/addon-actions-screenshot.png and b/docs/_assets/essentials/addon-actions-screenshot.png differ
diff --git a/docs/_assets/essentials/addon-backgrounds-optimized.mp4 b/docs/_assets/essentials/addon-backgrounds-optimized.mp4
deleted file mode 100644
index e0bfd09585ce..000000000000
Binary files a/docs/_assets/essentials/addon-backgrounds-optimized.mp4 and /dev/null differ
diff --git a/docs/_assets/essentials/addon-backgrounds.png b/docs/_assets/essentials/addon-backgrounds.png
new file mode 100644
index 000000000000..e05fbb55da4d
Binary files /dev/null and b/docs/_assets/essentials/addon-backgrounds.png differ
diff --git a/docs/_assets/essentials/addon-controls-args-variant-optimized.png b/docs/_assets/essentials/addon-controls-args-variant-optimized.png
index f77e14f2f4eb..bf9f9d53544b 100644
Binary files a/docs/_assets/essentials/addon-controls-args-variant-optimized.png and b/docs/_assets/essentials/addon-controls-args-variant-optimized.png differ
diff --git a/docs/_assets/essentials/addon-controls-args-variant-string.png b/docs/_assets/essentials/addon-controls-args-variant-string.png
index 0958740fd420..be9d28f19e6c 100644
Binary files a/docs/_assets/essentials/addon-controls-args-variant-string.png and b/docs/_assets/essentials/addon-controls-args-variant-string.png differ
diff --git a/docs/_assets/essentials/addon-controls-demo-optimized.mp4 b/docs/_assets/essentials/addon-controls-demo-optimized.mp4
index 8dbd0ac0cf81..ed3121364816 100644
Binary files a/docs/_assets/essentials/addon-controls-demo-optimized.mp4 and b/docs/_assets/essentials/addon-controls-demo-optimized.mp4 differ
diff --git a/docs/_assets/essentials/addon-controls-disable-specific-prop-optimized.mp4 b/docs/_assets/essentials/addon-controls-disable-specific-prop-optimized.mp4
index 4ecd0bc15a75..4e79c8d39e4f 100644
Binary files a/docs/_assets/essentials/addon-controls-disable-specific-prop-optimized.mp4 and b/docs/_assets/essentials/addon-controls-disable-specific-prop-optimized.mp4 differ
diff --git a/docs/_assets/essentials/addon-controls-expanded.png b/docs/_assets/essentials/addon-controls-expanded.png
index f8be11ff1e0d..5e847b65e82d 100644
Binary files a/docs/_assets/essentials/addon-controls-expanded.png and b/docs/_assets/essentials/addon-controls-expanded.png differ
diff --git a/docs/_assets/essentials/addon-interactions-installed-registered.png b/docs/_assets/essentials/addon-interactions-installed-registered.png
index e910308b5da3..984931acdb70 100644
Binary files a/docs/_assets/essentials/addon-interactions-installed-registered.png and b/docs/_assets/essentials/addon-interactions-installed-registered.png differ
diff --git a/docs/_assets/essentials/addon-measure-optimized.mp4 b/docs/_assets/essentials/addon-measure-optimized.mp4
deleted file mode 100644
index 18eba8f4810d..000000000000
Binary files a/docs/_assets/essentials/addon-measure-optimized.mp4 and /dev/null differ
diff --git a/docs/_assets/essentials/addon-measure.png b/docs/_assets/essentials/addon-measure.png
new file mode 100644
index 000000000000..69d9561a1b08
Binary files /dev/null and b/docs/_assets/essentials/addon-measure.png differ
diff --git a/docs/_assets/essentials/addon-outline-optimized.mp4 b/docs/_assets/essentials/addon-outline-optimized.mp4
deleted file mode 100644
index c708670ca136..000000000000
Binary files a/docs/_assets/essentials/addon-outline-optimized.mp4 and /dev/null differ
diff --git a/docs/_assets/essentials/addon-outline.png b/docs/_assets/essentials/addon-outline.png
new file mode 100644
index 000000000000..6737f667a0c2
Binary files /dev/null and b/docs/_assets/essentials/addon-outline.png differ
diff --git a/docs/_assets/essentials/addon-viewports-optimized.mp4 b/docs/_assets/essentials/addon-viewports-optimized.mp4
deleted file mode 100644
index 8fb69b5a94fa..000000000000
Binary files a/docs/_assets/essentials/addon-viewports-optimized.mp4 and /dev/null differ
diff --git a/docs/_assets/essentials/addon-viewports.png b/docs/_assets/essentials/addon-viewports.png
new file mode 100644
index 000000000000..60a5fbc1eaca
Binary files /dev/null and b/docs/_assets/essentials/addon-viewports.png differ
diff --git a/docs/_assets/essentials/highlight.png b/docs/_assets/essentials/highlight.png
index 30673e4cdcd9..3584652813ec 100644
Binary files a/docs/_assets/essentials/highlight.png and b/docs/_assets/essentials/highlight.png differ
diff --git a/docs/_assets/essentials/toolbars-and-globals.png b/docs/_assets/essentials/toolbars-and-globals.png
index 375817ae2d82..57a30a78d2d9 100644
Binary files a/docs/_assets/essentials/toolbars-and-globals.png and b/docs/_assets/essentials/toolbars-and-globals.png differ
diff --git a/docs/_assets/get-started/7.0-storybook-hero-video.mp4 b/docs/_assets/get-started/7.0-storybook-hero-video.mp4
deleted file mode 100644
index 03857d6083d5..000000000000
Binary files a/docs/_assets/get-started/7.0-storybook-hero-video.mp4 and /dev/null differ
diff --git a/docs/_assets/get-started/addons-walkthrough-optimized.mp4 b/docs/_assets/get-started/addons-walkthrough-optimized.mp4
index b4ecf99d5d48..9d01191f603e 100644
Binary files a/docs/_assets/get-started/addons-walkthrough-optimized.mp4 and b/docs/_assets/get-started/addons-walkthrough-optimized.mp4 differ
diff --git a/docs/_assets/get-started/docblock-source.png b/docs/_assets/get-started/docblock-source.png
index 9d014a58cd98..610fbff283dd 100644
Binary files a/docs/_assets/get-started/docblock-source.png and b/docs/_assets/get-started/docblock-source.png differ
diff --git a/docs/_assets/get-started/edit-story-from-controls-optimized.mp4 b/docs/_assets/get-started/edit-story-from-controls-optimized.mp4
index 3bab35082317..02a618618791 100644
Binary files a/docs/_assets/get-started/edit-story-from-controls-optimized.mp4 and b/docs/_assets/get-started/edit-story-from-controls-optimized.mp4 differ
diff --git a/docs/_assets/get-started/edit-story-in-code-optimized.mp4 b/docs/_assets/get-started/edit-story-in-code-optimized.mp4
index 2346f7186d36..bac3227ff571 100644
Binary files a/docs/_assets/get-started/edit-story-in-code-optimized.mp4 and b/docs/_assets/get-started/edit-story-in-code-optimized.mp4 differ
diff --git a/docs/_assets/get-started/example-browse-all-stories-optimized.mp4 b/docs/_assets/get-started/example-browse-all-stories-optimized.mp4
index df60c57a4446..f8881b743c4f 100644
Binary files a/docs/_assets/get-started/example-browse-all-stories-optimized.mp4 and b/docs/_assets/get-started/example-browse-all-stories-optimized.mp4 differ
diff --git a/docs/_assets/get-started/example-button-args.png b/docs/_assets/get-started/example-button-args.png
index 4a95804ae02f..5e847b65e82d 100644
Binary files a/docs/_assets/get-started/example-button-args.png and b/docs/_assets/get-started/example-button-args.png differ
diff --git a/docs/_assets/get-started/example-button-browse-stories-optimized.mp4 b/docs/_assets/get-started/example-button-browse-stories-optimized.mp4
index 1bb6114f7f92..8bebbdcb44e0 100644
Binary files a/docs/_assets/get-started/example-button-browse-stories-optimized.mp4 and b/docs/_assets/get-started/example-button-browse-stories-optimized.mp4 differ
diff --git a/docs/_assets/get-started/example-button-hot-module-reload-optimized.mp4 b/docs/_assets/get-started/example-button-hot-module-reload-optimized.mp4
deleted file mode 100644
index cad2cac0418d..000000000000
Binary files a/docs/_assets/get-started/example-button-hot-module-reload-optimized.mp4 and /dev/null differ
diff --git a/docs/_assets/get-started/example-button-noargs.png b/docs/_assets/get-started/example-button-noargs.png
deleted file mode 100644
index 9e065ecbb4a8..000000000000
Binary files a/docs/_assets/get-started/example-button-noargs.png and /dev/null differ
diff --git a/docs/_assets/get-started/example-onboarding-wizard.png b/docs/_assets/get-started/example-onboarding-wizard.png
index b290bcd6bc91..d2362549b87b 100644
Binary files a/docs/_assets/get-started/example-onboarding-wizard.png and b/docs/_assets/get-started/example-onboarding-wizard.png differ
diff --git a/docs/_assets/get-started/example-welcome.png b/docs/_assets/get-started/example-welcome.png
index f9e103cd6657..9e7c125d8914 100644
Binary files a/docs/_assets/get-started/example-welcome.png and b/docs/_assets/get-started/example-welcome.png differ
diff --git a/docs/_assets/get-started/histogram-stories-optimized.mp4 b/docs/_assets/get-started/histogram-stories-optimized.mp4
new file mode 100644
index 000000000000..863b4fedc4d6
Binary files /dev/null and b/docs/_assets/get-started/histogram-stories-optimized.mp4 differ
diff --git a/docs/_assets/get-started/mdx-example.png b/docs/_assets/get-started/mdx-example.png
index 3c15bc7c14a1..58d692c759cb 100644
Binary files a/docs/_assets/get-started/mdx-example.png and b/docs/_assets/get-started/mdx-example.png differ
diff --git a/docs/_assets/get-started/new-component-story-from-plus-button-optimized.mp4 b/docs/_assets/get-started/new-component-story-from-plus-button-optimized.mp4
index c313266e1707..be56736f2803 100644
Binary files a/docs/_assets/get-started/new-component-story-from-plus-button-optimized.mp4 and b/docs/_assets/get-started/new-component-story-from-plus-button-optimized.mp4 differ
diff --git a/docs/_assets/get-started/new-component-story-in-code-optimized.mp4 b/docs/_assets/get-started/new-component-story-in-code-optimized.mp4
index 08c119a4cae0..c6133ff06861 100644
Binary files a/docs/_assets/get-started/new-component-story-in-code-optimized.mp4 and b/docs/_assets/get-started/new-component-story-in-code-optimized.mp4 differ
diff --git a/docs/_assets/get-started/new-story-from-controls-optimized.mp4 b/docs/_assets/get-started/new-story-from-controls-optimized.mp4
index e4bb41534021..be9c95cf0ed9 100644
Binary files a/docs/_assets/get-started/new-story-from-controls-optimized.mp4 and b/docs/_assets/get-started/new-story-from-controls-optimized.mp4 differ
diff --git a/docs/_assets/get-started/new-story-in-code-optimized.mp4 b/docs/_assets/get-started/new-story-in-code-optimized.mp4
index 0f9527bc3a5f..1a79a665af46 100644
Binary files a/docs/_assets/get-started/new-story-in-code-optimized.mp4 and b/docs/_assets/get-started/new-story-in-code-optimized.mp4 differ
diff --git a/docs/_assets/get-started/storybook-keyboard-shortcuts.png b/docs/_assets/get-started/storybook-keyboard-shortcuts.png
index db6a06d09019..4b4c85860898 100644
Binary files a/docs/_assets/get-started/storybook-keyboard-shortcuts.png and b/docs/_assets/get-started/storybook-keyboard-shortcuts.png differ
diff --git a/docs/_assets/get-started/storybook-third-party-docs.gif b/docs/_assets/get-started/storybook-third-party-docs.gif
deleted file mode 100644
index b838e25191d5..000000000000
Binary files a/docs/_assets/get-started/storybook-third-party-docs.gif and /dev/null differ
diff --git a/docs/_assets/get-started/toolbar-walkthrough-optimized.mp4 b/docs/_assets/get-started/toolbar-walkthrough-optimized.mp4
index ecee1b79fa97..938f65296d14 100644
Binary files a/docs/_assets/get-started/toolbar-walkthrough-optimized.mp4 and b/docs/_assets/get-started/toolbar-walkthrough-optimized.mp4 differ
diff --git a/docs/_assets/migration-guide/mdx-vs-code-extension-errors.gif b/docs/_assets/migration-guide/mdx-vs-code-extension-errors.gif
deleted file mode 100644
index f90494df029d..000000000000
Binary files a/docs/_assets/migration-guide/mdx-vs-code-extension-errors.gif and /dev/null differ
diff --git a/docs/_assets/migration-guide/mdx2-issue-checker-errors.png b/docs/_assets/migration-guide/mdx2-issue-checker-errors.png
deleted file mode 100644
index 92f03b9c3dfd..000000000000
Binary files a/docs/_assets/migration-guide/mdx2-issue-checker-errors.png and /dev/null differ
diff --git a/docs/_assets/sharing/composition-versioning.png b/docs/_assets/sharing/composition-versioning.png
index 8f803484552d..1566f17932a7 100644
Binary files a/docs/_assets/sharing/composition-versioning.png and b/docs/_assets/sharing/composition-versioning.png differ
diff --git a/docs/_assets/sharing/embed-medium-optimized.mp4 b/docs/_assets/sharing/embed-medium-optimized.mp4
deleted file mode 100644
index 7b0bb742b3c7..000000000000
Binary files a/docs/_assets/sharing/embed-medium-optimized.mp4 and /dev/null differ
diff --git a/docs/_assets/sharing/reference-external-storybooks-composition.png b/docs/_assets/sharing/reference-external-storybooks-composition.png
index c12468b06f7c..d651f62c5f44 100644
Binary files a/docs/_assets/sharing/reference-external-storybooks-composition.png and b/docs/_assets/sharing/reference-external-storybooks-composition.png differ
diff --git a/docs/_assets/sharing/storybook-figma-addon.png b/docs/_assets/sharing/storybook-figma-addon.png
index 553f9e90b23e..07ef5f689b27 100644
Binary files a/docs/_assets/sharing/storybook-figma-addon.png and b/docs/_assets/sharing/storybook-figma-addon.png differ
diff --git a/docs/_assets/sharing/storybook-workflow-publish.mp4 b/docs/_assets/sharing/storybook-workflow-publish.mp4
index 03862616a7ce..2261931b6693 100644
Binary files a/docs/_assets/sharing/storybook-workflow-publish.mp4 and b/docs/_assets/sharing/storybook-workflow-publish.mp4 differ
diff --git a/docs/_assets/sharing/storybook-zeplin-addon.png b/docs/_assets/sharing/storybook-zeplin-addon.png
index f8951f1f6fa5..254478cf3b0a 100644
Binary files a/docs/_assets/sharing/storybook-zeplin-addon.png and b/docs/_assets/sharing/storybook-zeplin-addon.png differ
diff --git a/docs/_assets/writing-docs/autodocs-default-template.png b/docs/_assets/writing-docs/autodocs-default-template.png
index fdeb4e3a2520..358aa0d5197c 100644
Binary files a/docs/_assets/writing-docs/autodocs-default-template.png and b/docs/_assets/writing-docs/autodocs-default-template.png differ
diff --git a/docs/_assets/writing-docs/autodocs.png b/docs/_assets/writing-docs/autodocs.png
index ebca59a9c3ec..a5f0c4378bdc 100644
Binary files a/docs/_assets/writing-docs/autodocs.png and b/docs/_assets/writing-docs/autodocs.png differ
diff --git a/docs/_assets/writing-docs/docs-completed.png b/docs/_assets/writing-docs/docs-completed.png
index 21e7592fe28f..fbe773e4106f 100644
Binary files a/docs/_assets/writing-docs/docs-completed.png and b/docs/_assets/writing-docs/docs-completed.png differ
diff --git a/docs/_assets/writing-docs/mdx-documentation-only.png b/docs/_assets/writing-docs/mdx-documentation-only.png
index e6fe1acf9aad..350d4c8ee041 100644
Binary files a/docs/_assets/writing-docs/mdx-documentation-only.png and b/docs/_assets/writing-docs/mdx-documentation-only.png differ
diff --git a/docs/_assets/writing-docs/mdx-example.png b/docs/_assets/writing-docs/mdx-example.png
index ebca59a9c3ec..9d37c1309144 100644
Binary files a/docs/_assets/writing-docs/mdx-example.png and b/docs/_assets/writing-docs/mdx-example.png differ
diff --git a/docs/_assets/writing-docs/mdx-markdown-docs-import.png b/docs/_assets/writing-docs/mdx-markdown-docs-import.png
index 682dc62d5082..e164e1e7dc4d 100644
Binary files a/docs/_assets/writing-docs/mdx-markdown-docs-import.png and b/docs/_assets/writing-docs/mdx-markdown-docs-import.png differ
diff --git a/docs/_assets/writing-docs/mdx-simple.png b/docs/_assets/writing-docs/mdx-simple.png
index 18fd3b7f20b2..633da60b68c1 100644
Binary files a/docs/_assets/writing-docs/mdx-simple.png and b/docs/_assets/writing-docs/mdx-simple.png differ
diff --git a/docs/_assets/writing-docs/mdx-standalone-page.png b/docs/_assets/writing-docs/mdx-standalone-page.png
index 645462c71c2f..43b7d5de304c 100644
Binary files a/docs/_assets/writing-docs/mdx-standalone-page.png and b/docs/_assets/writing-docs/mdx-standalone-page.png differ
diff --git a/docs/_assets/writing-docs/storybook-docs-build.png b/docs/_assets/writing-docs/storybook-docs-build.png
index 5f6455119c38..c0f86a393d9e 100644
Binary files a/docs/_assets/writing-docs/storybook-docs-build.png and b/docs/_assets/writing-docs/storybook-docs-build.png differ
diff --git a/docs/_assets/writing-stories/addon-actions-demo-optimized.mp4 b/docs/_assets/writing-stories/addon-actions-demo-optimized.mp4
index 88df8a654cf1..1a9f957c706c 100644
Binary files a/docs/_assets/writing-stories/addon-actions-demo-optimized.mp4 and b/docs/_assets/writing-stories/addon-actions-demo-optimized.mp4 differ
diff --git a/docs/_assets/writing-stories/addon-controls-demo-optimized.mp4 b/docs/_assets/writing-stories/addon-controls-demo-optimized.mp4
index 8dbd0ac0cf81..ed3121364816 100644
Binary files a/docs/_assets/writing-stories/addon-controls-demo-optimized.mp4 and b/docs/_assets/writing-stories/addon-controls-demo-optimized.mp4 differ
diff --git a/docs/_assets/writing-stories/custom-tag-filter.png b/docs/_assets/writing-stories/custom-tag-filter.png
index 3579f994da12..3e8705e37c53 100644
Binary files a/docs/_assets/writing-stories/custom-tag-filter.png and b/docs/_assets/writing-stories/custom-tag-filter.png differ
diff --git a/docs/_assets/writing-stories/decorators-no-padding.png b/docs/_assets/writing-stories/decorators-no-padding.png
index a494e3e9cef4..36e8a022b88c 100644
Binary files a/docs/_assets/writing-stories/decorators-no-padding.png and b/docs/_assets/writing-stories/decorators-no-padding.png differ
diff --git a/docs/_assets/writing-stories/decorators-padding.png b/docs/_assets/writing-stories/decorators-padding.png
index 93c4b30f20fd..e469e36366db 100644
Binary files a/docs/_assets/writing-stories/decorators-padding.png and b/docs/_assets/writing-stories/decorators-padding.png differ
diff --git a/docs/_assets/writing-stories/naming-hierarchy-no-path.png b/docs/_assets/writing-stories/naming-hierarchy-no-path.png
index 816a6304e447..1cd8345d9464 100644
Binary files a/docs/_assets/writing-stories/naming-hierarchy-no-path.png and b/docs/_assets/writing-stories/naming-hierarchy-no-path.png differ
diff --git a/docs/_assets/writing-stories/naming-hierarchy-sidebar anatomy.png b/docs/_assets/writing-stories/naming-hierarchy-sidebar anatomy.png
deleted file mode 100644
index 084ccaf16c34..000000000000
Binary files a/docs/_assets/writing-stories/naming-hierarchy-sidebar anatomy.png and /dev/null differ
diff --git a/docs/_assets/writing-stories/naming-hierarchy-sidebar-anatomy.png b/docs/_assets/writing-stories/naming-hierarchy-sidebar-anatomy.png
index 4d7acc93753a..8d3cd07cd78b 100644
Binary files a/docs/_assets/writing-stories/naming-hierarchy-sidebar-anatomy.png and b/docs/_assets/writing-stories/naming-hierarchy-sidebar-anatomy.png differ
diff --git a/docs/_assets/writing-stories/naming-hierarchy-single-story-hoisting.png b/docs/_assets/writing-stories/naming-hierarchy-single-story-hoisting.png
index 47d9ae16483b..b62597e5ac10 100644
Binary files a/docs/_assets/writing-stories/naming-hierarchy-single-story-hoisting.png and b/docs/_assets/writing-stories/naming-hierarchy-single-story-hoisting.png differ
diff --git a/docs/_assets/writing-stories/naming-hierarchy-with-path.png b/docs/_assets/writing-stories/naming-hierarchy-with-path.png
index 47d9ae16483b..b62597e5ac10 100644
Binary files a/docs/_assets/writing-stories/naming-hierarchy-with-path.png and b/docs/_assets/writing-stories/naming-hierarchy-with-path.png differ
diff --git a/docs/_assets/writing-stories/parameters-background-colors.png b/docs/_assets/writing-stories/parameters-background-colors.png
index e8262288f9a1..e4d046e68a9b 100644
Binary files a/docs/_assets/writing-stories/parameters-background-colors.png and b/docs/_assets/writing-stories/parameters-background-colors.png differ
diff --git a/docs/_assets/writing-tests/coverage-summary-and-report.png b/docs/_assets/writing-tests/coverage-summary-and-report.png
index 2d3c0c0c5cb6..91c18b4cdc1e 100644
Binary files a/docs/_assets/writing-tests/coverage-summary-and-report.png and b/docs/_assets/writing-tests/coverage-summary-and-report.png differ
diff --git a/docs/_assets/writing-tests/test-widget-a11y-enabled.png b/docs/_assets/writing-tests/test-widget-a11y-enabled.png
index 8e3af2c1ab4c..c3ddc757227b 100644
Binary files a/docs/_assets/writing-tests/test-widget-a11y-enabled.png and b/docs/_assets/writing-tests/test-widget-a11y-enabled.png differ
diff --git a/docs/_assets/writing-tests/test-widget-coverage-enabled.png b/docs/_assets/writing-tests/test-widget-coverage-enabled.png
index b7f12d9e6fbf..205e94492a54 100644
Binary files a/docs/_assets/writing-tests/test-widget-coverage-enabled.png and b/docs/_assets/writing-tests/test-widget-coverage-enabled.png differ
diff --git a/docs/_assets/writing-tests/test-widget-watch-mode-enabled.png b/docs/_assets/writing-tests/test-widget-watch-mode-enabled.png
index e70370028f61..54cbd2d4c389 100644
Binary files a/docs/_assets/writing-tests/test-widget-watch-mode-enabled.png and b/docs/_assets/writing-tests/test-widget-watch-mode-enabled.png differ
diff --git a/docs/_assets/writing-tests/testing-ui-overview.png b/docs/_assets/writing-tests/testing-ui-overview.png
index ba7d8798b3c6..20b2f278605e 100644
Binary files a/docs/_assets/writing-tests/testing-ui-overview.png and b/docs/_assets/writing-tests/testing-ui-overview.png differ
diff --git a/docs/addons/writing-addons.mdx b/docs/addons/writing-addons.mdx
index d1c0e0846ec9..619c79a51530 100644
--- a/docs/addons/writing-addons.mdx
+++ b/docs/addons/writing-addons.mdx
@@ -11,7 +11,7 @@ Storybook addons are a powerful way to extend Storybook's functionality and cust
This reference guide is to help you develop a mental model for how Storybook addons work by building a simple addon based on the popular [Outline addon](https://storybook.js.org/addons/@storybook/addon-outline/) (which is the historical basis for the built-in [outline feature](../essentials/measure-and-outline.mdx#outline)). Throughout this guide, you'll learn how addons are structured, Storybook's APIs, how to test your addon locally, and how to publish it.
-
+
## Addon anatomy
diff --git a/docs/contribute/documentation/new-snippets.mdx b/docs/contribute/documentation/new-snippets.mdx
index 397a80d5a3b0..5037ef153711 100644
--- a/docs/contribute/documentation/new-snippets.mdx
+++ b/docs/contribute/documentation/new-snippets.mdx
@@ -271,8 +271,6 @@ npm run dev
If all goes well, you should see the Storybook website running. Open a browser window to `http://localhost:3000`, click the Docs link to open the documentation, and select your framework from the dropdown.
-{/* TODO: Record video */}
-
Go through the documentation and check your work.
diff --git a/docs/essentials/backgrounds.mdx b/docs/essentials/backgrounds.mdx
index 5310b2fc25f0..4d45397ee146 100644
--- a/docs/essentials/backgrounds.mdx
+++ b/docs/essentials/backgrounds.mdx
@@ -7,7 +7,7 @@ sidebar:
The backgrounds feature allows you to set the background color on which the story renders in the UI:
-
+
## Configuration
diff --git a/docs/essentials/measure-and-outline.mdx b/docs/essentials/measure-and-outline.mdx
index c69e94992b9c..f8fdf8629f76 100644
--- a/docs/essentials/measure-and-outline.mdx
+++ b/docs/essentials/measure-and-outline.mdx
@@ -13,7 +13,7 @@ While working with composite components or page layouts, dealing with whitespace
Instead, you can quickly visualize each component's measurements by clicking the measure button in the toolbar. Now when you hover over an element in your story, that element's dimensions and any whitespace (i.e., `margin`, `padding`, `border`) will be shown.
-
+
Alternatively you can press the `m` key on your keyboard to toggle measure on and off.
@@ -25,7 +25,7 @@ When building your layouts, checking the visual alignment of all components can
Click the outline button in the toolbar to toggle the outlines associated with all your UI elements, allowing you to spot bugs and broken layouts instantly.
-
+
## API
diff --git a/docs/essentials/viewport.mdx b/docs/essentials/viewport.mdx
index 415009f4b789..37de09bc524d 100644
--- a/docs/essentials/viewport.mdx
+++ b/docs/essentials/viewport.mdx
@@ -7,7 +7,7 @@ sidebar:
The viewport feature allows you to adjust the dimensions of the iframe your story is rendered in. It makes it easy to develop responsive UIs.
-
+
## Configuration
diff --git a/docs/get-started/why-storybook.mdx b/docs/get-started/why-storybook.mdx
index d55cf853dfac..df8269db386a 100644
--- a/docs/get-started/why-storybook.mdx
+++ b/docs/get-started/why-storybook.mdx
@@ -43,7 +43,7 @@ You write stories for granular UI component variation and then use those stories
Storybook is an interactive directory of your UI components and their stories. In the past, you'd have to spin up the app, navigate to a page, and contort the UI into the right state. This is a huge waste of time and bogs down frontend development. With Storybook, you can skip all those steps and jump straight to working on a UI component in a specific state.
-
+
Where does Storybook fit into my project?