diff --git a/data/blocks/block.1zsHlF6chs.json b/data/blocks/block.1zsHlF6chs.json
index a8ac0a3f..1ecea73c 100644
--- a/data/blocks/block.1zsHlF6chs.json
+++ b/data/blocks/block.1zsHlF6chs.json
@@ -2,7 +2,7 @@
   "blockType": "pattern-template-block",
   "data": {
     "allowResizing": true,
-    "demoId": "RN96ZpJJpY",
+    "demoId": "-2WvOX39hg",
     "demoSize": "landscape",
     "hideControls": false,
     "patternId": "card",
diff --git a/data/blocks/block.YkyHkvdzp_.json b/data/blocks/block.YkyHkvdzp_.json
index 85f179ad..d559dcca 100644
--- a/data/blocks/block.YkyHkvdzp_.json
+++ b/data/blocks/block.YkyHkvdzp_.json
@@ -2,93 +2,109 @@
   "blockType": "text-editor",
   "data": {
     "content": {
+      "type": "doc",
       "content": [
         {
+          "type": "heading",
           "attrs": {
-            "level": 1
+            "level": 1,
+            "textAlign": "left"
           },
           "content": [
             {
-              "text": "Overview",
+              "text": "Oversdfgsdfgsdfview",
               "type": "text"
             }
-          ],
-          "type": "heading"
+          ]
         },
         {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
           "content": [
             {
-              "text": "Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.",
+              "text": "Buttons are clickable elements that ardfgsdfgsdfge used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.",
               "type": "text"
             }
-          ],
-          "type": "paragraph"
+          ]
         },
         {
+          "type": "heading",
           "attrs": {
-            "level": 3
+            "level": 3,
+            "textAlign": "left"
           },
           "content": [
             {
               "text": "When to use",
               "type": "text"
             }
-          ],
-          "type": "heading"
+          ]
         },
         {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
           "content": [
             {
               "text": "Use buttons to communicate actions users can take and to allow users to interact with the page. Each page should have one primary button, and any remaining calls to action should be represented as lower emphasis buttons.",
               "type": "text"
             }
-          ],
-          "type": "paragraph"
+          ]
         },
         {
+          "type": "heading",
           "attrs": {
-            "level": 3
+            "level": 3,
+            "textAlign": "left"
           },
           "content": [
             {
               "text": "When not to use",
               "type": "text"
             }
-          ],
-          "type": "heading"
+          ]
         },
         {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
           "content": [
             {
               "text": "Do not use buttons as navigational elements. Instead, use links when the desired action is to take the user to a new page.",
               "type": "text"
             }
-          ],
-          "type": "paragraph"
+          ]
         },
         {
+          "type": "heading",
           "attrs": {
-            "level": 3
+            "level": 3,
+            "textAlign": "left"
           },
           "content": [
             {
               "text": "When you're not sure",
               "type": "text"
             }
-          ],
-          "type": "heading"
+          ]
         },
         {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
           "content": [
             {
               "text": "Default to focusing on primary and secondary (and tertiary...) states. or ask a friend :)",
               "type": "text"
             }
-          ],
-          "type": "paragraph"
+          ]
         }
-      ],
-      "type": "doc"
+      ]
     }
   },
   "id": "YkyHkvdzp_",
diff --git a/data/demos/demo.2ysfvm4ShE.json b/data/demos/demo.2ysfvm4ShE.json
index 2c5237a6..11263ce3 100644
--- a/data/demos/demo.2ysfvm4ShE.json
+++ b/data/demos/demo.2ysfvm4ShE.json
@@ -2,16 +2,16 @@
   "data": {
     "props": {
       "mode": "info",
-      "size": "medium",
+      "size": "large",
       "type": "solid",
       "url": "#url",
       "outline": false,
-      "icon": false
+      "icon": true
     },
     "slots": {
       "children": [
         {
-          "text": "Button",
+          "text": "Click here",
           "type": "text"
         }
       ]
diff --git a/data/knapsack.design-tokens.json b/data/knapsack.design-tokens.json
index caf0fc40..ff8bc436 100644
--- a/data/knapsack.design-tokens.json
+++ b/data/knapsack.design-tokens.json
@@ -359,7 +359,7 @@
           "$value": "#ffffff"
         },
         "light": {
-          "$value": "#7b58cf"
+          "$value": "{color.light.red}"
         },
         "$type": "color",
         "$extensions": {
diff --git a/data/knapsack.pattern.button.json b/data/knapsack.pattern.button.json
index 9fbb565f..7b0d0856 100644
--- a/data/knapsack.pattern.button.json
+++ b/data/knapsack.pattern.button.json
@@ -34,8 +34,8 @@
       "id": "Overview",
       "title": "Usage",
       "blockIds": [
-        "YkyHkvdzp_",
         "vFalbAV-gx",
+        "YkyHkvdzp_",
         "1LTGO8xsrC",
         "1VyLx4PL0Q",
         "-plYGPDwcr",
@@ -108,6 +108,10 @@
     {
       "id": "t8PlLMPbv",
       "type": "subPage"
+    },
+    {
+      "id": "0ADTXFqpZU",
+      "type": "designSrc"
     }
   ],
   "statuses": {
@@ -123,6 +127,12 @@
       "title": "Figma Component",
       "fileId": "H3Jj1cltfXiGWijrYOaGBi",
       "componentId": "2:18"
+    },
+    "0ADTXFqpZU": {
+      "id": "0ADTXFqpZU",
+      "title": "Figma Component",
+      "fileId": "H3Jj1cltfXiGWijrYOaGBi",
+      "componentId": "2:18"
     }
   }
 }