diff --git a/resources/css/blocks/grey-box.css b/resources/css/blocks/grey-box.css
new file mode 100644
index 0000000..be04441
--- /dev/null
+++ b/resources/css/blocks/grey-box.css
@@ -0,0 +1,34 @@
+.homegrade-content-blocks-grey-box {
+  @apply card-large-content-container;
+  @apply !pt-20 !pb-24;
+
+  > :first-child {
+    @apply !mt-0;
+  }
+
+  .section_titling {
+    @apply my-8 py-0;
+  }
+  .section_titling__title {
+    @apply !mt-0;
+  }
+  .section_titling__subtitle {
+    @apply !mb-0;
+  }
+
+  .card-large-content {
+    @apply mt-2 mb-16;
+    @apply flex-col items-start gap-0;
+
+    p {
+      @apply my-0;
+    }
+
+    p + * {
+      @apply pt-2;
+    }
+
+    .section_titling + .card-large-content {
+    }
+  }
+}
diff --git a/resources/css/blocks/white-box.css b/resources/css/blocks/white-box.css
new file mode 100644
index 0000000..e76e9b6
--- /dev/null
+++ b/resources/css/blocks/white-box.css
@@ -0,0 +1,19 @@
+.homegrade-content-blocks-white-box {
+  @apply card-large-content-container;
+  @apply !pt-20 !pb-24;
+
+  .card-large-content {
+    > :first-child {
+      @apply !mt-0;
+    }
+  }
+  .section_titling {
+    @apply my-8 py-0;
+  }
+  .section_titling__title {
+    @apply !mt-0;
+  }
+  .section_titling__subtitle {
+    @apply !mb-0;
+  }
+}