diff --git a/packages/blocksAntd/demo/examples/PageHCF.yaml b/packages/blocksAntd/demo/examples/PageHCF.yaml
index ffc8b1781..0e77b6de7 100644
--- a/packages/blocksAntd/demo/examples/PageHCF.yaml
+++ b/packages/blocksAntd/demo/examples/PageHCF.yaml
@@ -1,7 +1,35 @@
 - id: default
   type: PageHCF
 - id: properties.content
+  type: PageHCF
+  areas:
+    content:
+      blocks: []
+    footer:
+      blocks: []
+    header:
+      blocks: []
+- id: "properties.header.theme: light - dark is default"
   type: PageHCF
   properties:
-    content: 
-      content: This is page content
+    header:
+      theme: light
+  areas:
+    content:
+      blocks: []
+    footer:
+      blocks: []
+    header:
+      blocks: []
+- id: "properties.header.color: #4432a8 "
+  type: PageHCF
+  properties:
+    header:
+      color: "#4432a8"
+  areas:
+    content:
+      blocks: []
+    footer:
+      blocks: []
+    header:
+      blocks: []