diff --git a/input/design-tokens.json b/input/design-tokens.json
index b175d74..f5c7172 100644
--- a/input/design-tokens.json
+++ b/input/design-tokens.json
@@ -1,718 +1,20 @@
 {
-  "button border gradient": {
-    "category": "fill",
-    "comment": null,
-    "gradientType": {
-      "value": "linear",
-      "type": "string"
-    },
-    "stops": {
-      "0": {
-        "position": {
-          "value": 0.86,
-          "type": "number"
-        },
-        "color": {
-          "value": "rgba(186, 191, 195, 1)",
-          "type": "color"
-        }
-      },
-      "1": {
-        "position": {
-          "value": 1,
-          "type": "number"
-        },
-        "color": {
-          "value": "rgba(187, 191, 195, 1)",
-          "type": "color"
-        }
-      }
-    },
-    "opacity": {
-      "value": 1,
-      "type": "number"
-    }
-  },
-  "text input border": {
-    "category": "fill",
-    "comment": null,
-    "gradientType": {
-      "value": "linear",
-      "type": "string"
-    },
-    "stops": {
-      "0": {
-        "position": {
-          "value": 0,
-          "type": "number"
-        },
-        "color": {
-          "value": "rgba(167, 172, 177, 1)",
-          "type": "color"
-        }
-      },
-      "1": {
-        "position": {
-          "value": 0.1,
-          "type": "number"
-        },
-        "color": {
-          "value": "rgba(186, 191, 195, 1)",
+  "color": {
+    "background": {
+      "page": {
+        "primary": {
+          "value": "rgba(152, 94, 255, 1)",
           "type": "color"
-        }
-      }
-    },
-    "opacity": {
-      "value": 1,
-      "type": "number"
-    }
-  },
-  "spacing": {
-    "padding-20": {
-      "0": {
-        "pattern": {
-          "value": "columns",
-          "type": "string"
-        },
-        "sectionSize": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "gutterSize": {
-          "value": 20,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "alignment": {
-          "value": "max",
-          "type": "string"
-        },
-        "count": {
-          "value": 1,
-          "type": "number"
-        },
-        "offset": {
-          "value": 20,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "1": {
-        "pattern": {
-          "value": "rows",
-          "type": "string"
-        },
-        "sectionSize": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "gutterSize": {
-          "value": 20,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "alignment": {
-          "value": "max",
-          "type": "string"
-        },
-        "count": {
-          "value": 1,
-          "type": "number"
-        },
-        "offset": {
-          "value": 20,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "2": {
-        "pattern": {
-          "value": "columns",
-          "type": "string"
-        },
-        "sectionSize": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "gutterSize": {
-          "value": 20,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "alignment": {
-          "value": "min",
-          "type": "string"
-        },
-        "count": {
-          "value": 1,
-          "type": "number"
-        },
-        "offset": {
-          "value": 20,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "3": {
-        "pattern": {
-          "value": "rows",
-          "type": "string"
-        },
-        "sectionSize": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "gutterSize": {
-          "value": 20,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "alignment": {
-          "value": "min",
-          "type": "string"
-        },
-        "count": {
-          "value": 1,
-          "type": "number"
-        },
-        "offset": {
-          "value": 20,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "category": "grid",
-      "comment": null
-    },
-    "padding-16": {
-      "0": {
-        "pattern": {
-          "value": "columns",
-          "type": "string"
-        },
-        "sectionSize": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "gutterSize": {
-          "value": 16,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "alignment": {
-          "value": "min",
-          "type": "string"
-        },
-        "count": {
-          "value": 1,
-          "type": "number"
-        },
-        "offset": {
-          "value": 16,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "1": {
-        "pattern": {
-          "value": "columns",
-          "type": "string"
-        },
-        "sectionSize": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "gutterSize": {
-          "value": 16,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "alignment": {
-          "value": "max",
-          "type": "string"
-        },
-        "count": {
-          "value": 1,
-          "type": "number"
-        },
-        "offset": {
-          "value": 16,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "2": {
-        "pattern": {
-          "value": "rows",
-          "type": "string"
-        },
-        "sectionSize": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "gutterSize": {
-          "value": 16,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "alignment": {
-          "value": "min",
-          "type": "string"
-        },
-        "count": {
-          "value": 1,
-          "type": "number"
-        },
-        "offset": {
-          "value": 16,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "3": {
-        "pattern": {
-          "value": "rows",
-          "type": "string"
-        },
-        "sectionSize": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "gutterSize": {
-          "value": 16,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "alignment": {
-          "value": "max",
-          "type": "string"
-        },
-        "count": {
-          "value": 1,
-          "type": "number"
-        },
-        "offset": {
-          "value": 16,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "category": "grid",
-      "comment": null
-    }
-  },
-  "border": {
-    "top and bottom": {
-      "0": {
-        "type": {
-          "value": "innerShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
         },
-        "color": {
-          "value": "rgba(233, 234, 235, 1)",
+        "secondary": {
+          "value": "rgba(0, 179, 166, 1)",
           "type": "color"
         },
-        "offset": {
-          "x": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": -1,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "1": {
-        "type": {
-          "value": "innerShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(233, 234, 235, 1)",
+        "error": {
+          "value": "rgba(176, 0, 32, 1)",
           "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": 1,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
         }
-      },
-      "category": "effect",
-      "comment": null
-    },
-    "top": {
-      "category": "effect",
-      "comment": null,
-      "type": {
-        "value": "innerShadow",
-        "type": "string"
-      },
-      "radius": {
-        "value": 0,
-        "type": "number",
-        "unit": "pixel"
-      },
-      "color": {
-        "value": "rgba(228, 229, 231, 1)",
-        "type": "color"
-      },
-      "offset": {
-        "x": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "y": {
-          "value": 1,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "spread": {
-        "value": 0,
-        "type": "number",
-        "unit": "pixel"
-      }
-    }
-  },
-  "divider": {
-    "bottom": {
-      "category": "effect",
-      "comment": null,
-      "type": {
-        "value": "innerShadow",
-        "type": "string"
-      },
-      "radius": {
-        "value": 0,
-        "type": "number",
-        "unit": "pixel"
-      },
-      "color": {
-        "value": "rgba(225, 227, 229, 1)",
-        "type": "color"
-      },
-      "offset": {
-        "x": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "y": {
-          "value": -1,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "spread": {
-        "value": 0,
-        "type": "number",
-        "unit": "pixel"
       }
     }
-  },
-  "button segment": {
-    "left": {
-      "0": {
-        "type": {
-          "value": "dropShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(0, 0, 0, 0.05)",
-          "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": 1,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "1": {
-        "type": {
-          "value": "innerShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(187, 191, 195, 1)",
-          "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": 1,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "2": {
-        "type": {
-          "value": "innerShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(187, 191, 195, 1)",
-          "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 1,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "3": {
-        "type": {
-          "value": "innerShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(188, 191, 195, 1)",
-          "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": -1,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "category": "effect",
-      "comment": null
-    },
-    "middle": {
-      "0": {
-        "type": {
-          "value": "dropShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(0, 0, 0, 0.05)",
-          "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": 1,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "1": {
-        "type": {
-          "value": "innerShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(187, 191, 195, 1)",
-          "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": 1,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "2": {
-        "type": {
-          "value": "innerShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(187, 191, 195, 1)",
-          "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 1,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "3": {
-        "type": {
-          "value": "innerShadow",
-          "type": "string"
-        },
-        "radius": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        },
-        "color": {
-          "value": "rgba(188, 191, 195, 1)",
-          "type": "color"
-        },
-        "offset": {
-          "x": {
-            "value": 0,
-            "type": "number",
-            "unit": "pixel"
-          },
-          "y": {
-            "value": -1,
-            "type": "number",
-            "unit": "pixel"
-          }
-        },
-        "spread": {
-          "value": 0,
-          "type": "number",
-          "unit": "pixel"
-        }
-      },
-      "category": "effect",
-      "comment": null
-    }
   }
 }
\ No newline at end of file