diff --git a/.changeset/famous-eagles-think.md b/.changeset/famous-eagles-think.md
new file mode 100644
index 00000000000..19d473a3cc2
--- /dev/null
+++ b/.changeset/famous-eagles-think.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add support for different sizes to Blankslate
diff --git a/.changeset/purple-numbers-leave.md b/.changeset/purple-numbers-leave.md
new file mode 100644
index 00000000000..013939a8fc4
--- /dev/null
+++ b/.changeset/purple-numbers-leave.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add support for HTML attributes being passed to Blankslate components
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png
index 1905f3f847a..939340d0cb7 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png
index 967f7cbcfb5..91b9385eb62 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png
index 2c2ce98505b..e69a33038fb 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png
index a88f2098ed4..00a887c113b 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png
index 1905f3f847a..939340d0cb7 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png
index f1c994fa927..11bce6d69af 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png
index 7583d11bf8b..3b412e921cf 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png
index df3ba67a85c..44941d9b1d1 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png
index f1c994fa927..11bce6d69af 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png
index 5d91cc5e880..f12f0185ce7 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png
index 4eb751ac028..79f5ada5f46 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png
index b586a4b24c9..f14bdf24066 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png
index 34735079b5a..619a9fa1e95 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png
index 65097038e92..97e016233a9 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png
index b586a4b24c9..f14bdf24066 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png
index b586a4b24c9..f14bdf24066 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png
index e5720bd3e36..bf2a331b777 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png
index 0116d65f7c4..a2cf78b1013 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png
index e5720bd3e36..bf2a331b777 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png
index e5720bd3e36..bf2a331b777 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png
index 2c969788c4b..a3fdb6d162b 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png
index 20ed68c6cca..57b0b7f9504 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png
index 223c7069867..c2433b99f3c 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png
index c4585e3d3ef..ec401254c2e 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png
index 7f8d98785d3..3826451804c 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png
index 223c7069867..c2433b99f3c 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png
index 223c7069867..c2433b99f3c 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png
index e218ea29326..2651b531279 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png
index 24c50e488e4..cea545b9efc 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png
index e218ea29326..2651b531279 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png
index e218ea29326..2651b531279 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png
index c08b2a7b5b1..3dd226adc28 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-xs-linux.png
index 028a242e76d..48b779ee10a 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-xs-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png
index bd409fad4fa..e4664e21f1b 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png
index 823c7d9e9bd..ba27cf6792e 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png
index 3745d37cfac..2e9dfc3929d 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png
index bd409fad4fa..e4664e21f1b 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png
index bd409fad4fa..e4664e21f1b 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png
index eb2f04e1c41..9655ba7c326 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png
index 2f79d5114f1..dedc9defb30 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png
index eb2f04e1c41..9655ba7c326 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png
index eb2f04e1c41..9655ba7c326 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png
index 33ceccef063..5dc206af53c 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png
index edd5b38df96..3b66bf33200 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png
index a36290e1925..e49e84049c1 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png
index b1bf1b71491..3278cda5a4a 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png
index fcb0cd8b1f5..92ba9949c4c 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png
index edd5b38df96..3b66bf33200 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png
index 78c1824aa63..94241a36644 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png
index 846d6e44402..8a7252c271d 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png
index a0102efb3af..1972d216a7c 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png
index 78c1824aa63..94241a36644 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png
index 31474ec09cb..07076025723 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png
index 9802a54de0b..0e3f60ec043 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png
index 5c35c3f89d1..2cac035c7c9 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png
index a3522c7c76f..7a15f9d56d6 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png
index 9802a54de0b..0e3f60ec043 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png
index 9802a54de0b..0e3f60ec043 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png
index 235eab0a6c8..3e623b25414 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png
index 8e474b1f9e9..c0976ee4845 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png
index 235eab0a6c8..3e623b25414 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png
index 235eab0a6c8..3e623b25414 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png
index f92378dbfc9..f14f227f01f 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png
index b6631be1bc4..5547fd6dc3d 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png
index 7dc6f62a835..6deb9fed4ba 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png
index 4682613cfac..5f544e7e114 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png
index b6631be1bc4..5547fd6dc3d 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png
index b6631be1bc4..5547fd6dc3d 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png
index 2143a9b85bc..546737583dd 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png
index 36e71f09f4e..6b327dd94bc 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png
index 2143a9b85bc..546737583dd 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png
index 2143a9b85bc..546737583dd 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png
index d7ef9ff6e39..d2a11a91089 100644
Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-false-linux.png
new file mode 100644
index 00000000000..dea9d2e75ad
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-false-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-true-linux.png
new file mode 100644
index 00000000000..a108ade4c06
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-true-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-false-linux.png
new file mode 100644
index 00000000000..44941d9b1d1
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-false-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-true-linux.png
new file mode 100644
index 00000000000..cc2a7c8c1fb
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-true-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-false-linux.png
new file mode 100644
index 00000000000..c2ba82650c3
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-false-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-true-linux.png
new file mode 100644
index 00000000000..bdd426016b6
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-true-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-false-linux.png
new file mode 100644
index 00000000000..a698b28e765
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-false-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-true-linux.png
new file mode 100644
index 00000000000..a18f15cc701
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-true-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-false-linux.png
new file mode 100644
index 00000000000..f2c1adaf3e4
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-false-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-true-linux.png
new file mode 100644
index 00000000000..0454b88d617
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-true-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-false-linux.png
new file mode 100644
index 00000000000..3ed43490be8
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-false-linux.png differ
diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-true-linux.png
new file mode 100644
index 00000000000..3ca40017ba5
Binary files /dev/null and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-true-linux.png differ
diff --git a/e2e/components/Blankslate.test.ts b/e2e/components/Blankslate.test.ts
index 10d36de1510..f87f308c7d0 100644
--- a/e2e/components/Blankslate.test.ts
+++ b/e2e/components/Blankslate.test.ts
@@ -2,6 +2,7 @@ import {test, expect} from '@playwright/test'
 import {visit} from '../test-helpers/storybook'
 import {themes} from '../test-helpers/themes'
 import {viewports} from '../test-helpers/viewports'
+import {matrix, serialize} from '../test-helpers/matrix'
 
 const stories: Array<{title: string; id: string; viewports?: Array<keyof typeof viewports>}> = [
   {
@@ -41,6 +42,12 @@ const stories: Array<{title: string; id: string; viewports?: Array<keyof typeof
   },
 ]
 
+const scenarios = matrix({
+  size: ['small', 'medium', 'large'],
+  spacious: [true, false],
+  border: [true, false],
+})
+
 test.describe('Blankslate', () => {
   for (const story of stories) {
     test.describe(story.title, () => {
@@ -78,4 +85,20 @@ test.describe('Blankslate', () => {
       }
     })
   }
+
+  for (const scenario of scenarios) {
+    const id = serialize(scenario)
+
+    test.describe(id, () => {
+      test('default @vrt', async ({page}) => {
+        await visit(page, {
+          id: 'experimental-components-blankslate--playground',
+          args: scenario,
+        })
+
+        // Default state
+        expect(await page.screenshot()).toMatchSnapshot(`Blankslate.${id}.png`)
+      })
+    })
+  }
 })
diff --git a/packages/react/src/Blankslate/Blankslate.docs.json b/packages/react/src/Blankslate/Blankslate.docs.json
index b7213e68058..59319914304 100644
--- a/packages/react/src/Blankslate/Blankslate.docs.json
+++ b/packages/react/src/Blankslate/Blankslate.docs.json
@@ -51,6 +51,12 @@
       "type": "string",
       "description": "Class name(s) for custom styling.",
       "defaultValue": ""
+    },
+    {
+      "name": "size",
+      "type": "'small' | 'medium' | 'large'",
+      "description": "The size of the componeont",
+      "defaultValue": "'medium'"
     }
   ],
   "subcomponents": [
diff --git a/packages/react/src/Blankslate/Blankslate.features.stories.tsx b/packages/react/src/Blankslate/Blankslate.features.stories.tsx
index 97d1c4a5ec7..74224196eab 100644
--- a/packages/react/src/Blankslate/Blankslate.features.stories.tsx
+++ b/packages/react/src/Blankslate/Blankslate.features.stories.tsx
@@ -87,7 +87,7 @@ export const WithBorder = () => (
 )
 
 export const Narrow = () => (
-  <Blankslate narrow>
+  <Blankslate border narrow>
     <Blankslate.Visual>
       <BookIcon size="medium" />
     </Blankslate.Visual>
@@ -105,3 +105,27 @@ export const Spacious = () => (
     <Blankslate.Description>Use it to provide information when no dynamic content exists.</Blankslate.Description>
   </Blankslate>
 )
+
+export const SizeSmall = () => (
+  <Blankslate border size="small">
+    <Blankslate.Visual>
+      <BookIcon size="medium" />
+    </Blankslate.Visual>
+    <Blankslate.Heading>Blankslate heading</Blankslate.Heading>
+    <Blankslate.Description>Use it to provide information when no dynamic content exists.</Blankslate.Description>
+    <Blankslate.PrimaryAction href="#">Primary action</Blankslate.PrimaryAction>
+    <Blankslate.SecondaryAction href="#">Secondary action</Blankslate.SecondaryAction>
+  </Blankslate>
+)
+
+export const SizeLarge = () => (
+  <Blankslate size="large">
+    <Blankslate.Visual>
+      <BookIcon size="medium" />
+    </Blankslate.Visual>
+    <Blankslate.Heading>Blankslate heading</Blankslate.Heading>
+    <Blankslate.Description>Use it to provide information when no dynamic content exists.</Blankslate.Description>
+    <Blankslate.PrimaryAction href="#">Primary action</Blankslate.PrimaryAction>
+    <Blankslate.SecondaryAction href="#">Secondary action</Blankslate.SecondaryAction>
+  </Blankslate>
+)
diff --git a/packages/react/src/Blankslate/Blankslate.figma.tsx b/packages/react/src/Blankslate/Blankslate.figma.tsx
index 340ac66376b..993b59d54a0 100644
--- a/packages/react/src/Blankslate/Blankslate.figma.tsx
+++ b/packages/react/src/Blankslate/Blankslate.figma.tsx
@@ -2,95 +2,73 @@ import React from 'react'
 import {Blankslate} from '../Blankslate'
 import figma from '@figma/code-connect'
 
+const props = {
+  leadingVisual: figma.nestedProps('_BlankslateVisual', {
+    item: figma.children('leadingVisual'),
+  }),
+  size: figma.enum('size', {
+    small: 'small',
+    medium: 'medium',
+    large: 'large',
+  }),
+  spacious: figma.boolean('spacious'),
+  border: figma.boolean('border'),
+  heading: figma.textContent('Text: Heading'),
+  description: figma.textContent('Text: Description'),
+  PrimaryAction: figma.children('_BlankSlate.PrimaryAction'),
+  SecondaryActionText: figma.boolean('SecondaryAction?', {
+    true: figma.textContent('Secondary action link'),
+    false: undefined,
+  }),
+}
+
 figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=4398-2383&m=dev', {
-  props: {
-    leadingVisual: figma.nestedProps('_BlankslateVisual', {
-      item: figma.children('leadingVisual'),
-    }),
-    narrow: figma.boolean('narrow?'),
-    spacious: figma.boolean('spacious?'),
-    border: figma.boolean('border?'),
-    heading: figma.textContent('Text: Heading'),
-    description: figma.textContent('Text: Description'),
-  },
-  variant: {primaryAction: 'false', secondaryAction: 'false'},
-  example: ({leadingVisual, border, spacious, narrow, description, heading}) => (
-    <Blankslate border={border} spacious={spacious} narrow={narrow}>
+  props,
+  variant: {'SecondaryAction?': 'true'},
+  example: ({leadingVisual, border, spacious, size, description, heading, SecondaryActionText, PrimaryAction}) => (
+    <Blankslate border={border} spacious={spacious} size={size}>
       <Blankslate.Visual>{leadingVisual.item}</Blankslate.Visual>
       <Blankslate.Heading>{heading}</Blankslate.Heading>
       <Blankslate.Description>{description}</Blankslate.Description>
+      <Blankslate.SecondaryAction href="">{SecondaryActionText}</Blankslate.SecondaryAction>
+      {PrimaryAction}
     </Blankslate>
   ),
 })
 figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=4398-2383&m=dev', {
-  props: {
-    leadingVisual: figma.nestedProps('_BlankslateVisual', {
-      item: figma.children('leadingVisual'),
-    }),
-    narrow: figma.boolean('narrow?'),
-    spacious: figma.boolean('spacious?'),
-    border: figma.boolean('border?'),
-    heading: figma.textContent('Text: Heading'),
-    description: figma.textContent('Text: Description'),
-    primaryAction: figma.nestedProps('Primary action', {
-      text: figma.textContent('Button'),
-    }),
-  },
-  variant: {primaryAction: 'true', secondaryAction: 'false'},
-  example: ({leadingVisual, border, spacious, narrow, description, heading, primaryAction}) => (
-    <Blankslate border={border} spacious={spacious} narrow={narrow}>
+  props,
+  variant: {'SecondaryAction?': 'false'},
+  example: ({leadingVisual, border, spacious, size, description, heading, PrimaryAction}) => (
+    <Blankslate border={border} spacious={spacious} size={size}>
       <Blankslate.Visual>{leadingVisual.item}</Blankslate.Visual>
       <Blankslate.Heading>{heading}</Blankslate.Heading>
       <Blankslate.Description>{description}</Blankslate.Description>
-      <Blankslate.PrimaryAction href="">{primaryAction.text}</Blankslate.PrimaryAction>
+      {PrimaryAction}
     </Blankslate>
   ),
 })
-figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=4398-2383&m=dev', {
-  props: {
-    leadingVisual: figma.nestedProps('_BlankslateVisual', {
-      item: figma.children('leadingVisual'),
-    }),
-    narrow: figma.boolean('narrow?'),
-    spacious: figma.boolean('spacious?'),
-    border: figma.boolean('border?'),
-    heading: figma.textContent('Text: Heading'),
-    description: figma.textContent('Text: Description'),
-    primaryAction: figma.nestedProps('Primary action', {
-      text: figma.textContent('Button'),
-    }),
-    secondaryAction: figma.textContent('Secondary action link'),
-  },
-  variant: {primaryAction: 'true', secondaryAction: 'true'},
-  example: ({leadingVisual, border, spacious, narrow, description, heading, primaryAction, secondaryAction}) => (
-    <Blankslate border={border} spacious={spacious} narrow={narrow}>
-      <Blankslate.Visual>{leadingVisual.item}</Blankslate.Visual>
-      <Blankslate.Heading>{heading}</Blankslate.Heading>
-      <Blankslate.Description>{description}</Blankslate.Description>
-      <Blankslate.PrimaryAction href="">{primaryAction.text}</Blankslate.PrimaryAction>
-      <Blankslate.SecondaryAction href="">{secondaryAction}</Blankslate.SecondaryAction>
-    </Blankslate>
-  ),
-})
-figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=4398-2383&m=dev', {
-  props: {
-    leadingVisual: figma.nestedProps('_BlankslateVisual', {
-      item: figma.children('leadingVisual'),
-    }),
-    narrow: figma.boolean('narrow?'),
-    spacious: figma.boolean('spacious?'),
-    border: figma.boolean('border?'),
-    heading: figma.textContent('Text: Heading'),
-    description: figma.textContent('Text: Description'),
-    secondaryAction: figma.textContent('Secondary action link'),
+
+figma.connect(
+  Blankslate,
+  'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=40491-3841&t=5mMfBZbhHgyouYtk-4',
+  {
+    props: {
+      PrimaryAction: figma.nestedProps('Primary action', {
+        text: figma.textContent('Button'),
+        icon: figma.children('icon'),
+        variant: figma.enum('variant', {
+          primary: 'primary',
+          secondary: 'secondary',
+          danger: 'danger',
+          invisible: 'invisible',
+        }),
+      }),
+    },
+    example: ({PrimaryAction}) => (
+      <Blankslate.PrimaryAction href="">
+        {PrimaryAction.icon}
+        {PrimaryAction.text}
+      </Blankslate.PrimaryAction>
+    ),
   },
-  variant: {primaryAction: 'false', secondaryAction: 'true'},
-  example: ({leadingVisual, border, spacious, narrow, description, heading, secondaryAction}) => (
-    <Blankslate border={border} spacious={spacious} narrow={narrow}>
-      <Blankslate.Visual>{leadingVisual.item}</Blankslate.Visual>
-      <Blankslate.Heading>{heading}</Blankslate.Heading>
-      <Blankslate.Description>{description}</Blankslate.Description>
-      <Blankslate.SecondaryAction href="">{secondaryAction}</Blankslate.SecondaryAction>
-    </Blankslate>
-  ),
-})
+)
diff --git a/packages/react/src/Blankslate/Blankslate.module.css b/packages/react/src/Blankslate/Blankslate.module.css
index 60aa1e2cae9..08f085b8415 100644
--- a/packages/react/src/Blankslate/Blankslate.module.css
+++ b/packages/react/src/Blankslate/Blankslate.module.css
@@ -3,88 +3,119 @@
 }
 
 .Blankslate {
-  --blankslate-outer-padding-block: var(--base-size-32);
-  --blankslate-outer-padding-inline: var(--base-size-32);
-
   display: grid;
   justify-items: center;
   /* stylelint-disable-next-line primer/spacing */
-  padding: var(--blankslate-outer-padding-block) var(--blankslate-outer-padding-inline);
-
-  &:where([data-spacious='true']) {
-    --blankslate-outer-padding-block: var(--base-size-80);
-    --blankslate-outer-padding-inline: var(--base-size-40);
-  }
+  padding: var(--blankslate-padding);
 
-  &:where([data-border='true']) {
+  &:where([data-border]) {
     border: var(--borderWidth-thin) solid var(--borderColor-default);
     border-radius: var(--borderRadius-medium);
   }
 
-  &:where([data-narrow='true']) {
+  &:where([data-narrow]) {
     max-width: 485px;
     margin: 0 auto;
   }
+
+  &:where([data-size='medium']) {
+    --blankslate-heading-text: var(--text-title-shorthand-medium);
+    --blankslate-heading-margin-block: 0 var(--base-size-4);
+    --blankslate-description-text: var(--text-body-shorthand-large);
+    --blankslate-padding: var(--base-size-32);
+    --blankslate-action-margin-block-end: var(--base-size-16);
+  }
+
+  &:where([data-size='medium'][data-spacious]) {
+    --blankslate-padding: var(--base-size-80) var(--base-size-40);
+  }
+
+  &:where([data-size='small']) {
+    --blankslate-heading-text: var(--text-title-shorthand-small);
+    --blankslate-heading-margin-block: 0 var(--base-size-4);
+    --blankslate-description-text: var(--text-body-shorthand-medium);
+    --blankslate-padding: var(--base-size-32) var(--base-size-20);
+    --blankslate-action-margin-block-end: var(--base-size-12);
+    --blankslate-visual-size: var(--base-size-24);
+  }
+
+  &:where([data-size='small'][data-spacious]) {
+    --blankslate-padding: var(--base-size-44) var(--base-size-28);
+  }
+
+  &:where([data-size='large']) {
+    --blankslate-heading-text: var(--text-title-shorthand-large);
+    --blankslate-heading-margin-block: var(--base-size-8) var(--base-size-4);
+    --blankslate-description-text: var(--text-body-shorthand-large);
+    --blankslate-description-margin-block: 0 var(--base-size-8);
+    --blankslate-padding: var(--base-size-32);
+    --blankslate-action-margin-block-end: var(--base-size-16);
+  }
+
+  &:where([data-size='large'][data-spacious]) {
+    --blankslate-padding: var(--base-size-80) var(--base-size-40);
+  }
 }
 
 .Heading,
 .Description {
   margin: 0;
-  margin-bottom: var(--base-size-8);
-  text-align: center;
 }
 
 .Heading {
-  font-size: var(--text-title-size-medium);
-  font-weight: var(--text-title-weight-medium);
+  /* stylelint-disable-next-line primer/typography */
+  font: var(--blankslate-heading-text);
+  /* stylelint-disable-next-line primer/spacing */
+  margin-block: var(--blankslate-heading-margin-block);
 }
 
 .Description {
-  font-size: var(--text-body-size-large);
-  line-height: var(--text-body-lineHeight-large);
+  /* stylelint-disable-next-line primer/typography */
+  font: var(--blankslate-description-text);
   color: var(--fgColor-muted);
+  /* stylelint-disable-next-line primer/spacing */
+  margin-block: var(--blankslate-description-margin-block);
 }
 
-.Action {
-  margin-top: var(--base-size-16);
+.Visual {
+  /* This display property exists so that the container matches the size of the inner svg element */
+  display: inline-flex;
+  margin-block-end: var(--base-size-8);
+  max-width: var(--blankslate-visual-size);
 
-  &:first-of-type {
-    margin-top: var(--base-size-24);
+  & svg {
+    width: 100%;
   }
+}
 
-  &:last-of-type {
-    margin-bottom: var(--base-size-8);
+.Action {
+  /* stylelint-disable-next-line primer/typography */
+  font: var(--blankslate-description-text);
+  margin-block-start: var(--base-size-16);
+
+  &:where(:last-of-type) {
+    /* stylelint-disable-next-line primer/spacing */
+    margin-block-end: var(--blankslate-action-margin-block-end);
   }
 }
 
 /* At the time these styles were written, 34rem was our "small" breakpoint width */
 @container blankslate (max-width: 34rem) {
   .Blankslate {
-    --blankslate-outer-padding-block: var(--base-size-20);
-    --blankslate-outer-padding-inline: var(--base-size-20);
+    --blankslate-padding: var(--base-size-20);
 
     &:where([data-spacious='true']) {
-      --blankslate-outer-padding-block: var(--base-size-44);
-      --blankslate-outer-padding-inline: var(--base-size-28);
+      --blankslate-padding: var(--base-size-44) var(--base-size-28);
     }
+
+    --blankslate-heading-text: var(--text-title-shorthand-small);
+    --blankslate-description-text: var(--text-body-shorthand-medium);
   }
 
   .Visual {
     max-width: var(--base-size-24);
     margin-bottom: var(--base-size-8);
     color: var(--fgColor-muted);
-
-    & svg {
-      width: 100%;
-    }
-  }
-
-  .Heading {
-    font-size: var(--text-title-size-small);
-  }
-
-  .Description {
-    font-size: var(--text-body-size-medium);
   }
 
   .Action {
diff --git a/packages/react/src/Blankslate/Blankslate.stories.tsx b/packages/react/src/Blankslate/Blankslate.stories.tsx
index 23529c34c9b..f596f1c0251 100644
--- a/packages/react/src/Blankslate/Blankslate.stories.tsx
+++ b/packages/react/src/Blankslate/Blankslate.stories.tsx
@@ -31,8 +31,10 @@ export const Default = () => (
   </Blankslate>
 )
 
-export const Playground: StoryFn<ComponentProps<typeof Blankslate>> = args => (
-  <Blankslate {...args}>
+export const Playground: StoryFn<
+  ComponentProps<typeof Blankslate> & {primaryAction: boolean; secondaryAction: boolean}
+> = ({primaryAction, secondaryAction, ...rest}) => (
+  <Blankslate {...rest}>
     <Blankslate.Visual>
       <BookIcon size="medium" />
     </Blankslate.Visual>
@@ -41,8 +43,8 @@ export const Playground: StoryFn<ComponentProps<typeof Blankslate>> = args => (
       Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and
       document software better, together.
     </Blankslate.Description>
-    <Blankslate.PrimaryAction href="#">Create the first page</Blankslate.PrimaryAction>
-    <Blankslate.SecondaryAction href="#">Learn more about wikis</Blankslate.SecondaryAction>
+    {primaryAction ? <Blankslate.PrimaryAction href="#">Create the first page</Blankslate.PrimaryAction> : null}
+    {secondaryAction ? <Blankslate.SecondaryAction href="#">Learn more about wikis</Blankslate.SecondaryAction> : null}
   </Blankslate>
 )
 
@@ -50,4 +52,15 @@ Playground.args = {
   border: false,
   narrow: false,
   spacious: false,
+  size: 'medium',
+  primaryAction: true,
+  secondaryAction: true,
+}
+
+Playground.argTypes = {
+  size: {
+    controls: {
+      options: ['small', 'medium', 'large'],
+    },
+  },
 }
diff --git a/packages/react/src/Blankslate/Blankslate.tsx b/packages/react/src/Blankslate/Blankslate.tsx
index 4af788ed717..428148e34e1 100644
--- a/packages/react/src/Blankslate/Blankslate.tsx
+++ b/packages/react/src/Blankslate/Blankslate.tsx
@@ -1,15 +1,21 @@
 import {clsx} from 'clsx'
-import React from 'react'
+import React, {useMemo} from 'react'
 import {Button} from '../Button'
 import Link from '../Link'
+import {Provider, useBlankslate} from './BlankslateContext'
 import classes from './Blankslate.module.css'
 
-export type BlankslateProps = React.PropsWithChildren<{
+type BlankslateProps = React.HTMLAttributes<HTMLElement> & {
   /**
    * Add a border around this component
    */
   border?: boolean
 
+  /**
+   * Provide an optional class name to be applied to the container element
+   */
+  className?: string
+
   /**
    * Constrain the maximum width of this component
    */
@@ -20,45 +26,69 @@ export type BlankslateProps = React.PropsWithChildren<{
    */
   spacious?: boolean
 
-  className?: string
-}>
+  /**
+   * Specify the size of this component
+   */
+  size?: 'small' | 'medium' | 'large'
+}
+
+function Blankslate({border, children, narrow, spacious, className, size = 'medium', ...rest}: BlankslateProps) {
+  const value = useMemo(() => {
+    return {
+      size,
+    }
+  }, [size])
 
-function Blankslate({border, children, narrow, spacious, className}: BlankslateProps) {
   return (
-    <div className={classes.Container}>
-      <div
-        className={clsx(classes.Blankslate, className)}
-        data-border={border}
-        data-narrow={narrow}
-        data-spacious={spacious}
-      >
-        {children}
+    <Provider value={value}>
+      <div {...rest} className={classes.Container}>
+        <div
+          className={clsx(classes.Blankslate, className)}
+          data-border={border ? '' : undefined}
+          data-narrow={narrow ? '' : undefined}
+          data-spacious={spacious ? '' : undefined}
+          data-size={size}
+        >
+          {children}
+        </div>
       </div>
-    </div>
+    </Provider>
   )
 }
 
-export type VisualProps = React.PropsWithChildren
+type BlankslateVisualProps = React.HTMLAttributes<HTMLElement>
 
-function Visual({children}: VisualProps) {
-  return <span className={clsx('Blankslate-Visual', classes.Visual)}>{children}</span>
+function Visual({children, className, ...rest}: BlankslateVisualProps) {
+  return (
+    <span {...rest} className={clsx('Blankslate-Visual', classes.Visual, className)}>
+      {children}
+    </span>
+  )
 }
 
-export type HeadingProps = React.PropsWithChildren<{
+type BlankslateHeadingProps = React.HTMLAttributes<HTMLElement> & {
   as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
-}>
+}
 
-function Heading({as: Component = 'h2', children}: HeadingProps) {
-  return <Component className={clsx('Blankslate-Heading', classes.Heading)}>{children}</Component>
+function Heading({as: Component = 'h2', children, className, ...rest}: BlankslateHeadingProps) {
+  return (
+    <Component {...rest} className={clsx('Blankslate-Heading', classes.Heading, className)}>
+      {children}
+    </Component>
+  )
 }
 
-export type DescriptionProps = React.PropsWithChildren
+type BlankslateDescriptionProps = React.HTMLAttributes<HTMLElement>
 
-function Description({children}: DescriptionProps) {
-  return <p className={clsx('Blankslate-Description', classes.Description)}>{children}</p>
+function Description({children, className, ...rest}: BlankslateDescriptionProps) {
+  return (
+    <p {...rest} className={clsx('Blankslate-Description', classes.Description, className)}>
+      {children}
+    </p>
+  )
 }
 
-export type PrimaryActionProps =
+type BlankslatePrimaryActionProps =
   | (React.PropsWithChildren<{
       href?: never
     }> &
@@ -67,21 +97,28 @@ export type PrimaryActionProps =
       href: string
     }>
 
-function PrimaryAction({children, href, ...props}: PrimaryActionProps) {
+function PrimaryAction({children, href, ...props}: BlankslatePrimaryActionProps) {
+  const {size} = useBlankslate()
   return (
     <div className={clsx('Blankslate-Action', classes.Action)}>
-      <Button {...props} as={href ? 'a' : 'button'} href={href} variant="primary">
+      <Button
+        {...props}
+        as={href ? 'a' : 'button'}
+        href={href}
+        variant="primary"
+        size={size === 'small' ? 'small' : undefined}
+      >
         {children}
       </Button>
     </div>
   )
 }
 
-export type SecondaryActionProps = React.PropsWithChildren<{
+type BlankslateSecondaryActionProps = React.PropsWithChildren<{
   href: string
 }>
 
-function SecondaryAction({children, href}: SecondaryActionProps) {
+function SecondaryAction({children, href}: BlankslateSecondaryActionProps) {
   return (
     <div className={clsx('Blankslate-Action', classes.Action)}>
       <Link href={href}>{children}</Link>
@@ -89,10 +126,12 @@ function SecondaryAction({children, href}: SecondaryActionProps) {
   )
 }
 
-export default Object.assign(Blankslate, {
-  Visual,
-  Heading,
-  Description,
-  PrimaryAction,
-  SecondaryAction,
-})
+export {Blankslate, Visual, Heading, Description, PrimaryAction, SecondaryAction}
+export type {
+  BlankslateProps,
+  BlankslateVisualProps,
+  BlankslateHeadingProps,
+  BlankslateDescriptionProps,
+  BlankslatePrimaryActionProps,
+  BlankslateSecondaryActionProps,
+}
diff --git a/packages/react/src/Blankslate/BlankslateContext.ts b/packages/react/src/Blankslate/BlankslateContext.ts
new file mode 100644
index 00000000000..59bed1202bc
--- /dev/null
+++ b/packages/react/src/Blankslate/BlankslateContext.ts
@@ -0,0 +1,19 @@
+import {createContext, useContext} from 'react'
+
+type BlankslateContextType = {
+  size: 'small' | 'medium' | 'large'
+}
+
+const BlankslateContext = createContext<BlankslateContextType | null>(null)
+
+function useBlankslate(): BlankslateContextType {
+  const context = useContext(BlankslateContext)
+  if (!context) {
+    throw new Error('useBlankslate must be used within a BlankslateProvider')
+  }
+  return context
+}
+
+const Provider = BlankslateContext.Provider
+
+export {Provider, useBlankslate}
diff --git a/packages/react/src/Blankslate/index.tsx b/packages/react/src/Blankslate/index.tsx
index 6fe7d0736c2..7adcb70ee54 100644
--- a/packages/react/src/Blankslate/index.tsx
+++ b/packages/react/src/Blankslate/index.tsx
@@ -1,2 +1,27 @@
-export {default as Blankslate} from './Blankslate'
-export type {BlankslateProps} from './Blankslate'
+import {Blankslate, Visual, Heading, Description, PrimaryAction, SecondaryAction} from './Blankslate'
+import type {
+  BlankslateProps,
+  BlankslateVisualProps,
+  BlankslateHeadingProps,
+  BlankslateDescriptionProps,
+  BlankslatePrimaryActionProps,
+  BlankslateSecondaryActionProps,
+} from './Blankslate'
+
+const BlankslateContainer = Object.assign(Blankslate, {
+  Visual,
+  Heading,
+  Description,
+  PrimaryAction,
+  SecondaryAction,
+})
+
+export {BlankslateContainer as Blankslate}
+export type {
+  BlankslateProps,
+  BlankslateVisualProps,
+  BlankslateHeadingProps,
+  BlankslateDescriptionProps,
+  BlankslatePrimaryActionProps,
+  BlankslateSecondaryActionProps,
+}