diff --git a/base/border-radius.json b/base/border-radius.json
new file mode 100644
index 0000000..06c33fa
--- /dev/null
+++ b/base/border-radius.json
@@ -0,0 +1,33 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "border-radius": {
+    "border-radius": {
+      "none": {
+        "value": "0px",
+        "type": "borderRadius",
+        "description": "No radius"
+      },
+      "small": {
+        "value": "3px",
+        "type": "borderRadius"
+      },
+      "default": {
+        "value": "5px",
+        "type": "borderRadius"
+      },
+      "medium": {
+        "value": "7px",
+        "type": "borderRadius"
+      },
+      "large": {
+        "value": "12px",
+        "type": "borderRadius"
+      },
+      "full": {
+        "value": "999px",
+        "type": "borderRadius",
+        "description": "Essentially a circle"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/color.json b/base/color.json
new file mode 100644
index 0000000..a01b3d7
--- /dev/null
+++ b/base/color.json
@@ -0,0 +1,1233 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "color": {
+    "foreground": {
+      "neutral-faded": {
+        "value": "#606981",
+        "type": "color"
+      },
+      "placeholder": {
+        "value": "#7f8694",
+        "type": "color"
+      },
+      "neutral": {
+        "value": "{color.neutral.neutral-900}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "{color.primary.primary-800}",
+        "type": "color"
+      },
+      "critical": {
+        "value": "{color.red.red-600}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.orange.orange-600}",
+        "type": "color"
+      },
+      "positive": {
+        "value": "{color.green.green-600}",
+        "type": "color"
+      },
+      "upgrade": {
+        "value": "{color.purple.purple-600}",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "{color.neutral.neutral-500}",
+        "type": "color"
+      }
+    },
+    "background": {
+      "neutral-highlighted": {
+        "value": "#182d6614",
+        "type": "color"
+      },
+      "page-faded": {
+        "value": "#fafafa",
+        "type": "color"
+      },
+      "critical": {
+        "value": "#e22c2c",
+        "type": "color"
+      },
+      "positive": {
+        "value": "#118850",
+        "type": "color"
+      },
+      "blur": {
+        "value": "#fffffff2",
+        "type": "color"
+      },
+      "blur-neutral": {
+        "value": "#f4f5f7f2",
+        "type": "color"
+      },
+      "blur-neutral-highlighted": {
+        "value": "#ecedf0f2",
+        "type": "color"
+      },
+      "elevation-base": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "elevation-raised": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "elevation-overlay": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "neutral": {
+        "value": "{color.neutral.neutral-200-opaque}",
+        "type": "color"
+      },
+      "neutral-faded": {
+        "value": "{color.neutral.neutral-100-opaque}",
+        "type": "color"
+      },
+      "page": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "{color.primary.primary-800}",
+        "type": "color"
+      },
+      "primary-highlighted": {
+        "value": "{color.primary.primary-700}",
+        "type": "color"
+      },
+      "primary-faded": {
+        "value": "{color.primary.primary-200}",
+        "type": "color"
+      },
+      "critical-highlighted": {
+        "value": "{color.red.red-600}",
+        "type": "color"
+      },
+      "critical-faded": {
+        "value": "{color.red.red-100}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.orange.orange-500}",
+        "type": "color"
+      },
+      "warning-highlighted": {
+        "value": "{color.orange.orange-600}",
+        "type": "color"
+      },
+      "warning-faded": {
+        "value": "{color.orange.orange-100}",
+        "type": "color"
+      },
+      "positive-highlighted": {
+        "value": "{color.green.green-600}",
+        "type": "color"
+      },
+      "positive-faded": {
+        "value": "{color.green.green-100}",
+        "type": "color"
+      },
+      "upgrade": {
+        "value": "{color.purple.purple-600}",
+        "type": "color"
+      },
+      "upgrade-highlighted": {
+        "value": "{color.purple.purple-700}",
+        "type": "color"
+      },
+      "upgrade-faded": {
+        "value": "{color.purple.purple-100}",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "{color.neutral.neutral-200-opaque}",
+        "type": "color"
+      },
+      "disabled-faded": {
+        "value": "{color.neutral.neutral-100-opaque}",
+        "type": "color"
+      },
+      "focus-highlight": {
+        "value": "{color.primary.primary-400}",
+        "type": "color"
+      }
+    },
+    "border": {
+      "neutral-faded": {
+        "value": "#eceef3",
+        "type": "color"
+      },
+      "critical-faded": {
+        "value": "#fbd5d8",
+        "type": "color"
+      },
+      "positive-faded": {
+        "value": "#cdedd5",
+        "type": "color"
+      },
+      "upgrade-faded": {
+        "value": "#e3dbfa",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "#dfe2ea",
+        "type": "color"
+      },
+      "focus": {
+        "value": "#4589ff",
+        "type": "color"
+      },
+      "neutral": {
+        "value": "{color.neutral.neutral-500}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "{color.primary.primary-700}",
+        "type": "color"
+      },
+      "primary-faded": {
+        "value": "{color.primary.primary-400}",
+        "type": "color"
+      },
+      "critical": {
+        "value": "{color.red.red-600}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.orange.orange-600}",
+        "type": "color"
+      },
+      "warning-faded": {
+        "value": "{color.orange.orange-200}",
+        "type": "color"
+      },
+      "positive": {
+        "value": "{color.green.green-600}",
+        "type": "color"
+      },
+      "upgrade": {
+        "value": "{color.purple.purple-700}",
+        "type": "color"
+      },
+      "focus-faded": {
+        "value": "{color.primary.primary-400}",
+        "type": "color"
+      }
+    },
+    "decorative": {
+      "cyan-foreground": {
+        "value": "#0e7490",
+        "type": "color"
+      },
+      "cyan-background": {
+        "value": "#d5fbfe",
+        "type": "color"
+      },
+      "cyan-border": {
+        "value": "#b6e9ec",
+        "type": "color"
+      },
+      "fuchsia-foreground": {
+        "value": "#b725cb",
+        "type": "color"
+      },
+      "fuchsia-background": {
+        "value": "#fcf0ff",
+        "type": "color"
+      },
+      "fuchsia-border": {
+        "value": "#f3d6f9",
+        "type": "color"
+      },
+      "green-border": {
+        "value": "#c9e6da",
+        "type": "color"
+      },
+      "grey-foreground": {
+        "value": "#4e536a",
+        "type": "color"
+      },
+      "grey-background": {
+        "value": "#edeff3",
+        "type": "color"
+      },
+      "grey-border": {
+        "value": "#e1e4eb",
+        "type": "color"
+      },
+      "light-grey-foreground": {
+        "value": "#68718d",
+        "type": "color"
+      },
+      "light-grey-background": {
+        "value": "#f6f7f9",
+        "type": "color"
+      },
+      "light-grey-border": {
+        "value": "#e3e4e9",
+        "type": "color"
+      },
+      "orange-foreground": {
+        "value": "#c2410c",
+        "type": "color"
+      },
+      "orange-background": {
+        "value": "#fff2e1",
+        "type": "color"
+      },
+      "orange-border": {
+        "value": "#f9dbaf",
+        "type": "color"
+      },
+      "pink-foreground": {
+        "value": "#d12372",
+        "type": "color"
+      },
+      "pink-background": {
+        "value": "#fdf0f7",
+        "type": "color"
+      },
+      "pink-border": {
+        "value": "#fad6ea",
+        "type": "color"
+      },
+      "purple-border": {
+        "value": "#e4dbfa",
+        "type": "color"
+      },
+      "red-border": {
+        "value": "#fcd7da",
+        "type": "color"
+      },
+      "teal-foreground": {
+        "value": "#107a71",
+        "type": "color"
+      },
+      "teal-background": {
+        "value": "#e2fff8",
+        "type": "color"
+      },
+      "teal-border": {
+        "value": "#cae5df",
+        "type": "color"
+      },
+      "yellow-foreground": {
+        "value": "#a16207",
+        "type": "color"
+      },
+      "yellow-background": {
+        "value": "#fffde7",
+        "type": "color"
+      },
+      "yellow-border": {
+        "value": "#efe991",
+        "type": "color"
+      },
+      "blue-foreground": {
+        "value": "{color.primary.primary-600}",
+        "type": "color"
+      },
+      "blue-background": {
+        "value": "{color.primary.primary-200}",
+        "type": "color"
+      },
+      "blue-border": {
+        "value": "{color.primary.primary-400}",
+        "type": "color"
+      },
+      "green-foreground": {
+        "value": "{color.green.green-600}",
+        "type": "color"
+      },
+      "green-background": {
+        "value": "{color.green.green-100}",
+        "type": "color"
+      },
+      "purple-foreground": {
+        "value": "{color.purple.purple-600}",
+        "type": "color"
+      },
+      "purple-background": {
+        "value": "{color.purple.purple-100}",
+        "type": "color"
+      },
+      "red-foreground": {
+        "value": "{color.red.red-600}",
+        "type": "color"
+      },
+      "red-background": {
+        "value": "{color.red.red-100}",
+        "type": "color"
+      }
+    },
+    "primary": {
+      "primary-200": {
+        "value": "#edf5ff",
+        "type": "color"
+      },
+      "primary-400": {
+        "value": "#d0e2ff",
+        "type": "color"
+      },
+      "primary-500": {
+        "value": "#8cb4ff",
+        "type": "color"
+      },
+      "primary-600": {
+        "value": "#0f62fe",
+        "type": "color"
+      },
+      "primary-700": {
+        "value": "#004ee1",
+        "type": "color"
+      },
+      "primary-800": {
+        "value": "#104fc6",
+        "type": "color"
+      }
+    },
+    "red": {
+      "red-100": {
+        "value": "#fef1f2",
+        "type": "color"
+      },
+      "red-600": {
+        "value": "#cb101d",
+        "type": "color"
+      }
+    },
+    "color": {
+      "white": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "dark-blue": {
+        "value": "#ff0000",
+        "type": "color"
+      }
+    },
+    "neutral": {
+      "neutral-100-opaque": {
+        "value": "#141a2b05",
+        "type": "color"
+      },
+      "neutral-200-opaque": {
+        "value": "#182d660a",
+        "type": "color"
+      },
+      "neutral-400": {
+        "value": "#606981",
+        "type": "color"
+      },
+      "neutral-500": {
+        "value": "#c7cddb",
+        "type": "color"
+      },
+      "neutral-900": {
+        "value": "#14171f",
+        "type": "color"
+      }
+    },
+    "green": {
+      "green-100": {
+        "value": "#ebfef6",
+        "type": "color"
+      },
+      "green-600": {
+        "value": "#05751f",
+        "type": "color"
+      }
+    },
+    "purple": {
+      "purple-100": {
+        "value": "#f5f2fd",
+        "type": "color"
+      },
+      "purple-600": {
+        "value": "#874ce6",
+        "type": "color"
+      },
+      "purple-700": {
+        "value": "#6a2bbf",
+        "type": "color"
+      }
+    },
+    "orange": {
+      "orange-100": {
+        "value": "#fef8eb",
+        "type": "color"
+      },
+      "orange-200": {
+        "value": "#fbe5c5",
+        "type": "color"
+      },
+      "orange-500": {
+        "value": "#cc4d00",
+        "type": "color"
+      },
+      "orange-600": {
+        "value": "#b53c0a",
+        "type": "color"
+      }
+    },
+    "palette": {
+      "green": {
+        "green-1100": {
+          "value": "#0e2a21",
+          "type": "color"
+        },
+        "green-1000": {
+          "value": "#1c4130",
+          "type": "color"
+        },
+        "green-900": {
+          "value": "#2d6944",
+          "type": "color"
+        },
+        "green-800": {
+          "value": "#3c884d",
+          "type": "color"
+        },
+        "green-700": {
+          "value": "#4ca45a",
+          "type": "color"
+        },
+        "green-600": {
+          "value": "#5ab261",
+          "type": "color"
+        },
+        "green-500": {
+          "value": "#78c767",
+          "type": "color"
+        },
+        "green-400": {
+          "value": "#8fda75",
+          "type": "color"
+        },
+        "green-300": {
+          "value": "#a9e297",
+          "type": "color"
+        },
+        "green-200": {
+          "value": "#ccf0c2",
+          "type": "color"
+        },
+        "green-100": {
+          "value": "#ddf3d9",
+          "type": "color"
+        },
+        "green-0": {
+          "value": "#eef9ec",
+          "type": "color"
+        }
+      },
+      "blue": {
+        "blue-1100": {
+          "value": "#00213f",
+          "type": "color"
+        },
+        "blue-1000": {
+          "value": "#18395d",
+          "type": "color"
+        },
+        "blue-900": {
+          "value": "#245685",
+          "type": "color"
+        },
+        "blue-800": {
+          "value": "#306ca5",
+          "type": "color",
+          "description": "This is our new main color :)"
+        },
+        "blue-700": {
+          "value": "#3a79bd",
+          "type": "color"
+        },
+        "blue-600": {
+          "value": "#4587cd",
+          "type": "color"
+        },
+        "blue-500": {
+          "value": "#5196dd",
+          "type": "color"
+        },
+        "blue-400": {
+          "value": "#6aacef",
+          "type": "color"
+        },
+        "blue-300": {
+          "value": "#aad2f4",
+          "type": "color"
+        },
+        "blue-200": {
+          "value": "#cde3f7",
+          "type": "color"
+        },
+        "blue-100": {
+          "value": "#e0f1fe",
+          "type": "color"
+        },
+        "blue-0": {
+          "value": "#ecf8fe",
+          "type": "color"
+        }
+      },
+      "aqua": {
+        "aqua-1100": {
+          "value": "#0b2737",
+          "type": "color",
+          "description": "Darkest aqua there is"
+        },
+        "aqua-1000": {
+          "value": "#193c4d",
+          "type": "color",
+          "description": "Slightly less aquatic, still deep as an ocean"
+        },
+        "aqua-900": {
+          "value": "#265d71",
+          "type": "color"
+        },
+        "aqua-800": {
+          "value": "#316c82",
+          "type": "color"
+        },
+        "aqua-700": {
+          "value": "#3a8396",
+          "type": "color"
+        },
+        "aqua-600": {
+          "value": "#4295ab",
+          "type": "color"
+        },
+        "aqua-500": {
+          "value": "#54b5cb",
+          "type": "color"
+        },
+        "aqua-400": {
+          "value": "#6ad3df",
+          "type": "color"
+        },
+        "aqua-300": {
+          "value": "#91e2e1",
+          "type": "color"
+        },
+        "aqua-200": {
+          "value": "#b5f0f1",
+          "type": "color"
+        },
+        "aqua-100": {
+          "value": "#d0f7f8",
+          "type": "color"
+        },
+        "aqua-0": {
+          "value": "#e0fbfb",
+          "type": "color"
+        }
+      },
+      "purple": {
+        "purple-1100": {
+          "value": "#1d1e36",
+          "type": "color"
+        },
+        "purple-1000": {
+          "value": "#2b2667",
+          "type": "color"
+        },
+        "purple-900": {
+          "value": "#453e96",
+          "type": "color"
+        },
+        "purple-800": {
+          "value": "#5a52b4",
+          "type": "color"
+        },
+        "purple-700": {
+          "value": "#6b62cc",
+          "type": "color"
+        },
+        "purple-600": {
+          "value": "#7d73e2",
+          "type": "color"
+        },
+        "purple-500": {
+          "value": "#8d84ed",
+          "type": "color"
+        },
+        "purple-400": {
+          "value": "#9e95ec",
+          "type": "color"
+        },
+        "purple-300": {
+          "value": "#c0c2f3",
+          "type": "color"
+        },
+        "purple-200": {
+          "value": "#d8d8f6",
+          "type": "color"
+        },
+        "purple-100": {
+          "value": "#eaeaf8",
+          "type": "color"
+        },
+        "purple-0": {
+          "value": "#f2f2f8",
+          "type": "color"
+        }
+      },
+      "neutral": {
+        "neutral-1100": {
+          "value": "#040404",
+          "type": "color"
+        },
+        "neutral-1000": {
+          "value": "#182020",
+          "type": "color"
+        },
+        "neutral-900": {
+          "value": "#293333",
+          "type": "color"
+        },
+        "neutral-800": {
+          "value": "#384141",
+          "type": "color"
+        },
+        "neutral-700": {
+          "value": "#545e5f",
+          "type": "color"
+        },
+        "neutral-600": {
+          "value": "#70797a",
+          "type": "color"
+        },
+        "neutral-500": {
+          "value": "#939a9b",
+          "type": "color"
+        },
+        "neutral-400": {
+          "value": "#b1b6b7",
+          "type": "color"
+        },
+        "neutral-300": {
+          "value": "#c9cccc",
+          "type": "color"
+        },
+        "neutral-200": {
+          "value": "#dfe1e1",
+          "type": "color"
+        },
+        "neutral-100": {
+          "value": "#f3f4f4",
+          "type": "color"
+        },
+        "neutral-0": {
+          "value": "#ffffff",
+          "type": "color"
+        }
+      },
+      "teal": {
+        "teal-1100": {
+          "value": "#0b2427",
+          "type": "color"
+        },
+        "teal-1000": {
+          "value": "#1b3e3e",
+          "type": "color"
+        },
+        "teal-900": {
+          "value": "#2a6461",
+          "type": "color"
+        },
+        "teal-800": {
+          "value": "#357a7b",
+          "type": "color"
+        },
+        "teal-700": {
+          "value": "#42948e",
+          "type": "color"
+        },
+        "teal-600": {
+          "value": "#4aa69c",
+          "type": "color"
+        },
+        "teal-500": {
+          "value": "#58c1b2",
+          "type": "color"
+        },
+        "teal-400": {
+          "value": "#6addc6",
+          "type": "color"
+        },
+        "teal-300": {
+          "value": "#97e7d5",
+          "type": "color"
+        },
+        "teal-200": {
+          "value": "#c0f0e6",
+          "type": "color"
+        },
+        "teal-100": {
+          "value": "#d5f6ef",
+          "type": "color"
+        },
+        "teal-0": {
+          "value": "#e9f8f5",
+          "type": "color"
+        }
+      },
+      "pink": {
+        "pink-1100": {
+          "value": "#281821",
+          "type": "color"
+        },
+        "pink-1000": {
+          "value": "#4f1930",
+          "type": "color"
+        },
+        "pink-900": {
+          "value": "#872647",
+          "type": "color"
+        },
+        "pink-800": {
+          "value": "#a43b5b",
+          "type": "color"
+        },
+        "pink-700": {
+          "value": "#be4466",
+          "type": "color"
+        },
+        "pink-600": {
+          "value": "#cf517c",
+          "type": "color"
+        },
+        "pink-500": {
+          "value": "#de638b",
+          "type": "color"
+        },
+        "pink-400": {
+          "value": "#ee7fad",
+          "type": "color"
+        },
+        "pink-300": {
+          "value": "#f19bc0",
+          "type": "color"
+        },
+        "pink-200": {
+          "value": "#f4b8d4",
+          "type": "color"
+        },
+        "pink-100": {
+          "value": "#f7dcea",
+          "type": "color"
+        },
+        "pink-0": {
+          "value": "#fbeaf2",
+          "type": "color"
+        }
+      },
+      "red": {
+        "red-1100": {
+          "value": "#281212",
+          "type": "color"
+        },
+        "red-1000": {
+          "value": "#641c18",
+          "type": "color"
+        },
+        "red-900": {
+          "value": "#8d2d28",
+          "type": "color"
+        },
+        "red-800": {
+          "value": "#b6403b",
+          "type": "color"
+        },
+        "red-700": {
+          "value": "#ca4b45",
+          "type": "color"
+        },
+        "red-600": {
+          "value": "#dc584a",
+          "type": "color"
+        },
+        "red-500": {
+          "value": "#e56a5b",
+          "type": "color"
+        },
+        "red-400": {
+          "value": "#ef8674",
+          "type": "color"
+        },
+        "red-300": {
+          "value": "#f1a193",
+          "type": "color"
+        },
+        "red-200": {
+          "value": "#f4bbb3",
+          "type": "color"
+        },
+        "red-100": {
+          "value": "#f8d7d3",
+          "type": "color"
+        },
+        "red-0": {
+          "value": "#fbebe9",
+          "type": "color"
+        }
+      },
+      "orange": {
+        "orange-1100": {
+          "value": "#2a140f",
+          "type": "color"
+        },
+        "orange-1000": {
+          "value": "#581d09",
+          "type": "color"
+        },
+        "orange-900": {
+          "value": "#8a341a",
+          "type": "color"
+        },
+        "orange-800": {
+          "value": "#bf5c29",
+          "type": "color"
+        },
+        "orange-700": {
+          "value": "#de763a",
+          "type": "color"
+        },
+        "orange-600": {
+          "value": "#e68246",
+          "type": "color"
+        },
+        "orange-500": {
+          "value": "#ee8e53",
+          "type": "color"
+        },
+        "orange-400": {
+          "value": "#f2a069",
+          "type": "color"
+        },
+        "orange-300": {
+          "value": "#f4b388",
+          "type": "color",
+          "description": "This is our main color. And this description will show inside the documentation"
+        },
+        "orange-200": {
+          "value": "#f6c7a9",
+          "type": "color"
+        },
+        "orange-100": {
+          "value": "#f7ddce",
+          "type": "color"
+        },
+        "orange-0": {
+          "value": "#fceee4",
+          "type": "color"
+        }
+      },
+      "yellow": {
+        "yellow-1100": {
+          "value": "#2a1b08",
+          "type": "color"
+        },
+        "yellow-1000": {
+          "value": "#4e2c0b",
+          "type": "color"
+        },
+        "yellow-900": {
+          "value": "#8b4f1f",
+          "type": "color"
+        },
+        "yellow-800": {
+          "value": "#b0772a",
+          "type": "color"
+        },
+        "yellow-700": {
+          "value": "#d49b35",
+          "type": "color"
+        },
+        "yellow-600": {
+          "value": "#f6be41",
+          "type": "color"
+        },
+        "yellow-500": {
+          "value": "#f8ce4c",
+          "type": "color"
+        },
+        "yellow-400": {
+          "value": "#fad961",
+          "type": "color"
+        },
+        "yellow-300": {
+          "value": "#fbe17f",
+          "type": "color"
+        },
+        "yellow-200": {
+          "value": "#fbe9a4",
+          "type": "color"
+        },
+        "yellow-100": {
+          "value": "#fbeed1",
+          "type": "color"
+        },
+        "yellow-0": {
+          "value": "#fef8e4",
+          "type": "color"
+        }
+      },
+      "magenta": {
+        "magenta-1100": {
+          "value": "#271a2c",
+          "type": "color"
+        },
+        "magenta-1000": {
+          "value": "#3f1a4e",
+          "type": "color"
+        },
+        "magenta-900": {
+          "value": "#642a73",
+          "type": "color"
+        },
+        "magenta-800": {
+          "value": "#854091",
+          "type": "color"
+        },
+        "magenta-700": {
+          "value": "#a04da3",
+          "type": "color"
+        },
+        "magenta-600": {
+          "value": "#b659b4",
+          "type": "color"
+        },
+        "magenta-500": {
+          "value": "#cc6bd5",
+          "type": "color"
+        },
+        "magenta-400": {
+          "value": "#e38aef",
+          "type": "color"
+        },
+        "magenta-300": {
+          "value": "#e3b1ee",
+          "type": "color"
+        },
+        "magenta-200": {
+          "value": "#ecc7f4",
+          "type": "color"
+        },
+        "magenta-100": {
+          "value": "#f5e4fa",
+          "type": "color"
+        },
+        "magenta-0": {
+          "value": "#fcf0fe",
+          "type": "color"
+        }
+      }
+    },
+    "semantic": {
+      "primary": {
+        "primary-active-background": {
+          "value": "#453e96",
+          "type": "color"
+        },
+        "primary-hover-background": {
+          "value": "#5a52b4",
+          "type": "color"
+        },
+        "primary-hover-color": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "primary-background": {
+          "value": "#6b62cc",
+          "type": "color"
+        },
+        "primary-color": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "primary-innactive-background": {
+          "value": "#d8d8f6",
+          "type": "color"
+        },
+        "primary-border": {
+          "value": "#6b62cc",
+          "type": "color"
+        },
+        "hover-innactive-background": {
+          "value": "#c0c2f3",
+          "type": "color"
+        }
+      },
+      "text": {
+        "text-inverse": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "text-subtext": {
+          "value": "#545e5f",
+          "type": "color"
+        },
+        "text-headline": {
+          "value": "#293333",
+          "type": "color"
+        },
+        "text-body": {
+          "value": "#384141",
+          "type": "color"
+        }
+      },
+      "error": {
+        "error-color": {
+          "value": "#b6403b",
+          "type": "color"
+        },
+        "error-icon": {
+          "value": "#b6403b",
+          "type": "color"
+        },
+        "error-border": {
+          "value": "#ef8674",
+          "type": "color"
+        },
+        "error-background": {
+          "value": "#f8d7d3",
+          "type": "color"
+        }
+      },
+      "warning": {
+        "warning-color": {
+          "value": "#8b4f1f",
+          "type": "color"
+        },
+        "warning-icon": {
+          "value": "#ba7506",
+          "type": "color"
+        },
+        "warning-border": {
+          "value": "#fad961",
+          "type": "color"
+        },
+        "warning-background": {
+          "value": "#fbeed1",
+          "type": "color"
+        }
+      },
+      "success": {
+        "success-color": {
+          "value": "#2d6944",
+          "type": "color"
+        },
+        "success-icon": {
+          "value": "#3c884d",
+          "type": "color"
+        },
+        "success-border": {
+          "value": "#8fda75",
+          "type": "color"
+        },
+        "success-background": {
+          "value": "#ddf3d9",
+          "type": "color"
+        }
+      },
+      "info": {
+        "info-color": {
+          "value": "#3a79bd",
+          "type": "color"
+        },
+        "info-icon": {
+          "value": "#306ca5",
+          "type": "color"
+        },
+        "info-border": {
+          "value": "#6aacef",
+          "type": "color"
+        },
+        "info-background": {
+          "value": "#e0f1fe",
+          "type": "color"
+        }
+      },
+      "opportunity": {
+        "opportunity-color": {
+          "value": "#357a7b",
+          "type": "color"
+        },
+        "opportunity-icon": {
+          "value": "#357a7b",
+          "type": "color"
+        },
+        "opportunity-border": {
+          "value": "#6addc6",
+          "type": "color"
+        },
+        "opportunity-background": {
+          "value": "#d5f6ef",
+          "type": "color"
+        }
+      },
+      "sale": {
+        "sale70-background": {
+          "value": "#ac7d13",
+          "type": "color"
+        },
+        "sale50-background": {
+          "value": "#b51d4e",
+          "type": "color"
+        },
+        "sale30-background": {
+          "value": "#5869c1",
+          "type": "color"
+        },
+        "sale-color": {
+          "value": "#b7b7b7",
+          "type": "color"
+        }
+      }
+    },
+    "on-background": {
+      "neutral": {
+        "value": "{color.neutral.neutral-900}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "critical": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "positive": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "upgrade": {
+        "value": "{color.color.white}",
+        "type": "color"
+      }
+    },
+    "persistent": {
+      "black": {
+        "value": "{color.neutral.neutral-900}",
+        "type": "color"
+      },
+      "white": {
+        "value": "{color.color.white}",
+        "type": "color"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/dimension.json b/base/dimension.json
new file mode 100644
index 0000000..8c54c3f
--- /dev/null
+++ b/base/dimension.json
@@ -0,0 +1,25 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "dimension": {
+    "spacing": {
+      "semantic": {
+        "stack-gap": {
+          "value": "1px",
+          "type": "dimension"
+        }
+      }
+    },
+    "shadow": {
+      "focus-ring-width": {
+        "value": "3px",
+        "type": "dimension"
+      }
+    },
+    "font-weight": {
+      "bold": {
+        "value": "640px",
+        "type": "dimension"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/font-family.json b/base/font-family.json
new file mode 100644
index 0000000..5989323
--- /dev/null
+++ b/base/font-family.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "font-family": {
+    "font-family": {
+      "default": {
+        "value": "Inter",
+        "type": "fontFamily"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/font-size.json b/base/font-size.json
new file mode 100644
index 0000000..6df5cf8
--- /dev/null
+++ b/base/font-size.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "font-size": {
+    "title-1": {
+      "font-size": {
+        "value": "32px",
+        "type": "fontSize"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/line-height.json b/base/line-height.json
new file mode 100644
index 0000000..27f9604
--- /dev/null
+++ b/base/line-height.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "line-height": {
+    "title-1": {
+      "line-height": {
+        "value": "40px",
+        "type": "lineHeight"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/opacity.json b/base/opacity.json
new file mode 100644
index 0000000..2f9dbbb
--- /dev/null
+++ b/base/opacity.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "opacity": {
+    "opacity": {
+      "disabled": {
+        "value": "0.5",
+        "type": "opacity"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/space.json b/base/space.json
new file mode 100644
index 0000000..736a48d
--- /dev/null
+++ b/base/space.json
@@ -0,0 +1,55 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "space": {
+    "spacing": {
+      "0": {
+        "value": "0px",
+        "type": "space"
+      },
+      "2": {
+        "value": "2px",
+        "type": "space"
+      },
+      "4": {
+        "value": "4px",
+        "type": "space"
+      },
+      "8": {
+        "value": "8px",
+        "type": "space"
+      },
+      "12": {
+        "value": "12px",
+        "type": "space"
+      },
+      "16": {
+        "value": "16px",
+        "type": "space"
+      },
+      "20": {
+        "value": "20px",
+        "type": "space"
+      },
+      "24": {
+        "value": "24px",
+        "type": "space"
+      },
+      "28": {
+        "value": "28px",
+        "type": "space"
+      },
+      "32": {
+        "value": "32px",
+        "type": "space"
+      },
+      "36": {
+        "value": "36px",
+        "type": "space"
+      },
+      "40": {
+        "value": "40px",
+        "type": "space"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/string.json b/base/string.json
new file mode 100644
index 0000000..9eb2534
--- /dev/null
+++ b/base/string.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "string": {
+    "string": {
+      "font-family": {
+        "value": "Inter",
+        "type": "string"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/base/typography.json b/base/typography.json
new file mode 100644
index 0000000..9c80c56
--- /dev/null
+++ b/base/typography.json
@@ -0,0 +1,65 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "typography": {
+    "typography": {
+      "h1": {
+        "value": "700 57px/64px Advent Pro",
+        "type": "typography"
+      },
+      "h2": {
+        "value": "700 43px/50px Advent Pro",
+        "type": "typography"
+      },
+      "h3": {
+        "value": "700 32px/40px Advent Pro",
+        "type": "typography"
+      },
+      "h4": {
+        "value": "700 24px/32px Advent Pro",
+        "type": "typography"
+      },
+      "h5": {
+        "value": "700 21px/29px Advent Pro",
+        "type": "typography"
+      },
+      "large-lead": {
+        "value": "400 24px/32px Advent Pro",
+        "type": "typography"
+      },
+      "medium-lead": {
+        "value": "400 21px/29px Advent Pro",
+        "type": "typography"
+      },
+      "button-label": {
+        "value": "400 21px/29px Advent Pro",
+        "type": "typography"
+      },
+      "paragraph": {
+        "value": "400 18px/26px Advent Pro",
+        "type": "typography"
+      },
+      "small-paragraph": {
+        "value": "400 16px/24px Advent Pro",
+        "type": "typography"
+      },
+      "tiny-paragraph": {
+        "value": "400 12px/24px Advent Pro",
+        "type": "typography"
+      },
+      "sale": {
+        "value": "700 24px/32px Advent Pro",
+        "type": "typography"
+      },
+      "impact-label": {
+        "value": "400 13px Impact Label",
+        "type": "typography",
+        "description": "typewriter font test"
+      },
+      "poppins": {
+        "value": "400 13px Poppins",
+        "type": "typography",
+        "description": "importing test"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/border-radius.json b/darkD38a/border-radius.json
new file mode 100644
index 0000000..06c33fa
--- /dev/null
+++ b/darkD38a/border-radius.json
@@ -0,0 +1,33 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "border-radius": {
+    "border-radius": {
+      "none": {
+        "value": "0px",
+        "type": "borderRadius",
+        "description": "No radius"
+      },
+      "small": {
+        "value": "3px",
+        "type": "borderRadius"
+      },
+      "default": {
+        "value": "5px",
+        "type": "borderRadius"
+      },
+      "medium": {
+        "value": "7px",
+        "type": "borderRadius"
+      },
+      "large": {
+        "value": "12px",
+        "type": "borderRadius"
+      },
+      "full": {
+        "value": "999px",
+        "type": "borderRadius",
+        "description": "Essentially a circle"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/color.json b/darkD38a/color.json
new file mode 100644
index 0000000..b2cd519
--- /dev/null
+++ b/darkD38a/color.json
@@ -0,0 +1,1233 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "color": {
+    "foreground": {
+      "neutral-faded": {
+        "value": "#9da8bb",
+        "type": "color"
+      },
+      "placeholder": {
+        "value": "#7f8694",
+        "type": "color"
+      },
+      "neutral": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "{color.primary.primary-500}",
+        "type": "color"
+      },
+      "critical": {
+        "value": "{color.red.red-600}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.orange.orange-600}",
+        "type": "color"
+      },
+      "positive": {
+        "value": "{color.green.green-600}",
+        "type": "color"
+      },
+      "upgrade": {
+        "value": "{color.purple.purple-600}",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "#c7cddb",
+        "type": "color"
+      }
+    },
+    "background": {
+      "neutral-highlighted": {
+        "value": "#d0e2ff14",
+        "type": "color"
+      },
+      "page-faded": {
+        "value": "#09122a",
+        "type": "color"
+      },
+      "critical": {
+        "value": "#e22c2c",
+        "type": "color"
+      },
+      "positive": {
+        "value": "#118850",
+        "type": "color"
+      },
+      "blur": {
+        "value": "#fffffff2",
+        "type": "color"
+      },
+      "blur-neutral": {
+        "value": "#f4f5f7f2",
+        "type": "color"
+      },
+      "blur-neutral-highlighted": {
+        "value": "#ecedf0f2",
+        "type": "color"
+      },
+      "elevation-base": {
+        "value": "{color.neutral.neutral-900}",
+        "type": "color"
+      },
+      "elevation-raised": {
+        "value": "{color.neutral.neutral-900}",
+        "type": "color"
+      },
+      "elevation-overlay": {
+        "value": "{color.neutral.neutral-900}",
+        "type": "color"
+      },
+      "neutral": {
+        "value": "#d0e2ff0f",
+        "type": "color"
+      },
+      "neutral-faded": {
+        "value": "#d0e2ff0a",
+        "type": "color"
+      },
+      "page": {
+        "value": "#040a1e",
+        "type": "color"
+      },
+      "primary": {
+        "value": "{color.primary.primary-800}",
+        "type": "color"
+      },
+      "primary-highlighted": {
+        "value": "{color.primary.primary-700}",
+        "type": "color"
+      },
+      "primary-faded": {
+        "value": "#004ee1",
+        "type": "color"
+      },
+      "critical-highlighted": {
+        "value": "{color.red.red-600}",
+        "type": "color"
+      },
+      "critical-faded": {
+        "value": "{color.red.red-100}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.orange.orange-500}",
+        "type": "color"
+      },
+      "warning-highlighted": {
+        "value": "{color.orange.orange-600}",
+        "type": "color"
+      },
+      "warning-faded": {
+        "value": "{color.orange.orange-100}",
+        "type": "color"
+      },
+      "positive-highlighted": {
+        "value": "{color.green.green-600}",
+        "type": "color"
+      },
+      "positive-faded": {
+        "value": "{color.green.green-100}",
+        "type": "color"
+      },
+      "upgrade": {
+        "value": "{color.purple.purple-600}",
+        "type": "color"
+      },
+      "upgrade-highlighted": {
+        "value": "{color.purple.purple-700}",
+        "type": "color"
+      },
+      "upgrade-faded": {
+        "value": "#f5f2fd",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "#d0e2ff12",
+        "type": "color"
+      },
+      "disabled-faded": {
+        "value": "{color.neutral.neutral-100-opaque}",
+        "type": "color"
+      },
+      "focus-highlight": {
+        "value": "{color.primary.primary-400}",
+        "type": "color"
+      }
+    },
+    "border": {
+      "neutral-faded": {
+        "value": "#22273a",
+        "type": "color"
+      },
+      "critical-faded": {
+        "value": "#fbd5d8",
+        "type": "color"
+      },
+      "positive-faded": {
+        "value": "#cdedd5",
+        "type": "color"
+      },
+      "upgrade-faded": {
+        "value": "#e3dbfa",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "#dfe2ea",
+        "type": "color"
+      },
+      "focus": {
+        "value": "#4589ff",
+        "type": "color"
+      },
+      "neutral": {
+        "value": "{color.neutral.neutral-500}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "{color.primary.primary-700}",
+        "type": "color"
+      },
+      "primary-faded": {
+        "value": "{color.primary.primary-400}",
+        "type": "color"
+      },
+      "critical": {
+        "value": "{color.red.red-600}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.orange.orange-600}",
+        "type": "color"
+      },
+      "warning-faded": {
+        "value": "{color.orange.orange-200}",
+        "type": "color"
+      },
+      "positive": {
+        "value": "{color.green.green-600}",
+        "type": "color"
+      },
+      "upgrade": {
+        "value": "{color.purple.purple-700}",
+        "type": "color"
+      },
+      "focus-faded": {
+        "value": "{color.primary.primary-400}",
+        "type": "color"
+      }
+    },
+    "decorative": {
+      "cyan-foreground": {
+        "value": "#0e7490",
+        "type": "color"
+      },
+      "cyan-background": {
+        "value": "#d5fbfe",
+        "type": "color"
+      },
+      "cyan-border": {
+        "value": "#b6e9ec",
+        "type": "color"
+      },
+      "fuchsia-foreground": {
+        "value": "#b725cb",
+        "type": "color"
+      },
+      "fuchsia-background": {
+        "value": "#fcf0ff",
+        "type": "color"
+      },
+      "fuchsia-border": {
+        "value": "#f3d6f9",
+        "type": "color"
+      },
+      "green-border": {
+        "value": "#c9e6da",
+        "type": "color"
+      },
+      "grey-foreground": {
+        "value": "#4e536a",
+        "type": "color"
+      },
+      "grey-background": {
+        "value": "#edeff3",
+        "type": "color"
+      },
+      "grey-border": {
+        "value": "#e1e4eb",
+        "type": "color"
+      },
+      "light-grey-foreground": {
+        "value": "#68718d",
+        "type": "color"
+      },
+      "light-grey-background": {
+        "value": "#f6f7f9",
+        "type": "color"
+      },
+      "light-grey-border": {
+        "value": "#e3e4e9",
+        "type": "color"
+      },
+      "orange-foreground": {
+        "value": "#c2410c",
+        "type": "color"
+      },
+      "orange-background": {
+        "value": "#fff2e1",
+        "type": "color"
+      },
+      "orange-border": {
+        "value": "#f9dbaf",
+        "type": "color"
+      },
+      "pink-foreground": {
+        "value": "#d12372",
+        "type": "color"
+      },
+      "pink-background": {
+        "value": "#fdf0f7",
+        "type": "color"
+      },
+      "pink-border": {
+        "value": "#fad6ea",
+        "type": "color"
+      },
+      "purple-border": {
+        "value": "#e4dbfa",
+        "type": "color"
+      },
+      "red-border": {
+        "value": "#fcd7da",
+        "type": "color"
+      },
+      "teal-foreground": {
+        "value": "#107a71",
+        "type": "color"
+      },
+      "teal-background": {
+        "value": "#e2fff8",
+        "type": "color"
+      },
+      "teal-border": {
+        "value": "#cae5df",
+        "type": "color"
+      },
+      "yellow-foreground": {
+        "value": "#a16207",
+        "type": "color"
+      },
+      "yellow-background": {
+        "value": "#fffde7",
+        "type": "color"
+      },
+      "yellow-border": {
+        "value": "#efe991",
+        "type": "color"
+      },
+      "blue-foreground": {
+        "value": "{color.primary.primary-600}",
+        "type": "color"
+      },
+      "blue-background": {
+        "value": "{color.primary.primary-200}",
+        "type": "color"
+      },
+      "blue-border": {
+        "value": "{color.primary.primary-400}",
+        "type": "color"
+      },
+      "green-foreground": {
+        "value": "{color.green.green-600}",
+        "type": "color"
+      },
+      "green-background": {
+        "value": "{color.green.green-100}",
+        "type": "color"
+      },
+      "purple-foreground": {
+        "value": "{color.purple.purple-600}",
+        "type": "color"
+      },
+      "purple-background": {
+        "value": "{color.purple.purple-100}",
+        "type": "color"
+      },
+      "red-foreground": {
+        "value": "{color.red.red-600}",
+        "type": "color"
+      },
+      "red-background": {
+        "value": "{color.red.red-100}",
+        "type": "color"
+      }
+    },
+    "primary": {
+      "primary-200": {
+        "value": "#edf5ff",
+        "type": "color"
+      },
+      "primary-400": {
+        "value": "#d0e2ff",
+        "type": "color"
+      },
+      "primary-500": {
+        "value": "#8cb4ff",
+        "type": "color"
+      },
+      "primary-600": {
+        "value": "#0f62fe",
+        "type": "color"
+      },
+      "primary-700": {
+        "value": "#004ee1",
+        "type": "color"
+      },
+      "primary-800": {
+        "value": "#104fc6",
+        "type": "color"
+      }
+    },
+    "red": {
+      "red-100": {
+        "value": "#fef1f2",
+        "type": "color"
+      },
+      "red-600": {
+        "value": "#cb101d",
+        "type": "color"
+      }
+    },
+    "color": {
+      "white": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "dark-blue": {
+        "value": "#ff0000",
+        "type": "color"
+      }
+    },
+    "neutral": {
+      "neutral-100-opaque": {
+        "value": "#141a2b05",
+        "type": "color"
+      },
+      "neutral-200-opaque": {
+        "value": "#182d660a",
+        "type": "color"
+      },
+      "neutral-400": {
+        "value": "#606981",
+        "type": "color"
+      },
+      "neutral-500": {
+        "value": "#c7cddb",
+        "type": "color"
+      },
+      "neutral-900": {
+        "value": "#14171f",
+        "type": "color"
+      }
+    },
+    "green": {
+      "green-100": {
+        "value": "#ebfef6",
+        "type": "color"
+      },
+      "green-600": {
+        "value": "#05751f",
+        "type": "color"
+      }
+    },
+    "purple": {
+      "purple-100": {
+        "value": "#f5f2fd",
+        "type": "color"
+      },
+      "purple-600": {
+        "value": "#874ce6",
+        "type": "color"
+      },
+      "purple-700": {
+        "value": "#6a2bbf",
+        "type": "color"
+      }
+    },
+    "orange": {
+      "orange-100": {
+        "value": "#fef8eb",
+        "type": "color"
+      },
+      "orange-200": {
+        "value": "#fbe5c5",
+        "type": "color"
+      },
+      "orange-500": {
+        "value": "#cc4d00",
+        "type": "color"
+      },
+      "orange-600": {
+        "value": "#b53c0a",
+        "type": "color"
+      }
+    },
+    "palette": {
+      "green": {
+        "green-1100": {
+          "value": "#0e2a21",
+          "type": "color"
+        },
+        "green-1000": {
+          "value": "#1c4130",
+          "type": "color"
+        },
+        "green-900": {
+          "value": "#2d6944",
+          "type": "color"
+        },
+        "green-800": {
+          "value": "#3c884d",
+          "type": "color"
+        },
+        "green-700": {
+          "value": "#4ca45a",
+          "type": "color"
+        },
+        "green-600": {
+          "value": "#5ab261",
+          "type": "color"
+        },
+        "green-500": {
+          "value": "#78c767",
+          "type": "color"
+        },
+        "green-400": {
+          "value": "#8fda75",
+          "type": "color"
+        },
+        "green-300": {
+          "value": "#a9e297",
+          "type": "color"
+        },
+        "green-200": {
+          "value": "#ccf0c2",
+          "type": "color"
+        },
+        "green-100": {
+          "value": "#ddf3d9",
+          "type": "color"
+        },
+        "green-0": {
+          "value": "#eef9ec",
+          "type": "color"
+        }
+      },
+      "blue": {
+        "blue-1100": {
+          "value": "#00213f",
+          "type": "color"
+        },
+        "blue-1000": {
+          "value": "#18395d",
+          "type": "color"
+        },
+        "blue-900": {
+          "value": "#245685",
+          "type": "color"
+        },
+        "blue-800": {
+          "value": "#306ca5",
+          "type": "color",
+          "description": "This is our new main color :)"
+        },
+        "blue-700": {
+          "value": "#3a79bd",
+          "type": "color"
+        },
+        "blue-600": {
+          "value": "#4587cd",
+          "type": "color"
+        },
+        "blue-500": {
+          "value": "#5196dd",
+          "type": "color"
+        },
+        "blue-400": {
+          "value": "#6aacef",
+          "type": "color"
+        },
+        "blue-300": {
+          "value": "#aad2f4",
+          "type": "color"
+        },
+        "blue-200": {
+          "value": "#cde3f7",
+          "type": "color"
+        },
+        "blue-100": {
+          "value": "#e0f1fe",
+          "type": "color"
+        },
+        "blue-0": {
+          "value": "#ecf8fe",
+          "type": "color"
+        }
+      },
+      "aqua": {
+        "aqua-1100": {
+          "value": "#0b2737",
+          "type": "color",
+          "description": "Darkest aqua there is"
+        },
+        "aqua-1000": {
+          "value": "#193c4d",
+          "type": "color",
+          "description": "Slightly less aquatic, still deep as an ocean"
+        },
+        "aqua-900": {
+          "value": "#265d71",
+          "type": "color"
+        },
+        "aqua-800": {
+          "value": "#316c82",
+          "type": "color"
+        },
+        "aqua-700": {
+          "value": "#3a8396",
+          "type": "color"
+        },
+        "aqua-600": {
+          "value": "#4295ab",
+          "type": "color"
+        },
+        "aqua-500": {
+          "value": "#54b5cb",
+          "type": "color"
+        },
+        "aqua-400": {
+          "value": "#6ad3df",
+          "type": "color"
+        },
+        "aqua-300": {
+          "value": "#91e2e1",
+          "type": "color"
+        },
+        "aqua-200": {
+          "value": "#b5f0f1",
+          "type": "color"
+        },
+        "aqua-100": {
+          "value": "#d0f7f8",
+          "type": "color"
+        },
+        "aqua-0": {
+          "value": "#e0fbfb",
+          "type": "color"
+        }
+      },
+      "purple": {
+        "purple-1100": {
+          "value": "#1d1e36",
+          "type": "color"
+        },
+        "purple-1000": {
+          "value": "#2b2667",
+          "type": "color"
+        },
+        "purple-900": {
+          "value": "#453e96",
+          "type": "color"
+        },
+        "purple-800": {
+          "value": "#5a52b4",
+          "type": "color"
+        },
+        "purple-700": {
+          "value": "#6b62cc",
+          "type": "color"
+        },
+        "purple-600": {
+          "value": "#7d73e2",
+          "type": "color"
+        },
+        "purple-500": {
+          "value": "#8d84ed",
+          "type": "color"
+        },
+        "purple-400": {
+          "value": "#9e95ec",
+          "type": "color"
+        },
+        "purple-300": {
+          "value": "#c0c2f3",
+          "type": "color"
+        },
+        "purple-200": {
+          "value": "#d8d8f6",
+          "type": "color"
+        },
+        "purple-100": {
+          "value": "#eaeaf8",
+          "type": "color"
+        },
+        "purple-0": {
+          "value": "#f2f2f8",
+          "type": "color"
+        }
+      },
+      "neutral": {
+        "neutral-1100": {
+          "value": "#040404",
+          "type": "color"
+        },
+        "neutral-1000": {
+          "value": "#182020",
+          "type": "color"
+        },
+        "neutral-900": {
+          "value": "#293333",
+          "type": "color"
+        },
+        "neutral-800": {
+          "value": "#384141",
+          "type": "color"
+        },
+        "neutral-700": {
+          "value": "#545e5f",
+          "type": "color"
+        },
+        "neutral-600": {
+          "value": "#70797a",
+          "type": "color"
+        },
+        "neutral-500": {
+          "value": "#939a9b",
+          "type": "color"
+        },
+        "neutral-400": {
+          "value": "#b1b6b7",
+          "type": "color"
+        },
+        "neutral-300": {
+          "value": "#c9cccc",
+          "type": "color"
+        },
+        "neutral-200": {
+          "value": "#dfe1e1",
+          "type": "color"
+        },
+        "neutral-100": {
+          "value": "#f3f4f4",
+          "type": "color"
+        },
+        "neutral-0": {
+          "value": "#ffffff",
+          "type": "color"
+        }
+      },
+      "teal": {
+        "teal-1100": {
+          "value": "#0b2427",
+          "type": "color"
+        },
+        "teal-1000": {
+          "value": "#1b3e3e",
+          "type": "color"
+        },
+        "teal-900": {
+          "value": "#2a6461",
+          "type": "color"
+        },
+        "teal-800": {
+          "value": "#357a7b",
+          "type": "color"
+        },
+        "teal-700": {
+          "value": "#42948e",
+          "type": "color"
+        },
+        "teal-600": {
+          "value": "#4aa69c",
+          "type": "color"
+        },
+        "teal-500": {
+          "value": "#58c1b2",
+          "type": "color"
+        },
+        "teal-400": {
+          "value": "#6addc6",
+          "type": "color"
+        },
+        "teal-300": {
+          "value": "#97e7d5",
+          "type": "color"
+        },
+        "teal-200": {
+          "value": "#c0f0e6",
+          "type": "color"
+        },
+        "teal-100": {
+          "value": "#d5f6ef",
+          "type": "color"
+        },
+        "teal-0": {
+          "value": "#e9f8f5",
+          "type": "color"
+        }
+      },
+      "pink": {
+        "pink-1100": {
+          "value": "#281821",
+          "type": "color"
+        },
+        "pink-1000": {
+          "value": "#4f1930",
+          "type": "color"
+        },
+        "pink-900": {
+          "value": "#872647",
+          "type": "color"
+        },
+        "pink-800": {
+          "value": "#a43b5b",
+          "type": "color"
+        },
+        "pink-700": {
+          "value": "#be4466",
+          "type": "color"
+        },
+        "pink-600": {
+          "value": "#cf517c",
+          "type": "color"
+        },
+        "pink-500": {
+          "value": "#de638b",
+          "type": "color"
+        },
+        "pink-400": {
+          "value": "#ee7fad",
+          "type": "color"
+        },
+        "pink-300": {
+          "value": "#f19bc0",
+          "type": "color"
+        },
+        "pink-200": {
+          "value": "#f4b8d4",
+          "type": "color"
+        },
+        "pink-100": {
+          "value": "#f7dcea",
+          "type": "color"
+        },
+        "pink-0": {
+          "value": "#fbeaf2",
+          "type": "color"
+        }
+      },
+      "red": {
+        "red-1100": {
+          "value": "#281212",
+          "type": "color"
+        },
+        "red-1000": {
+          "value": "#641c18",
+          "type": "color"
+        },
+        "red-900": {
+          "value": "#8d2d28",
+          "type": "color"
+        },
+        "red-800": {
+          "value": "#b6403b",
+          "type": "color"
+        },
+        "red-700": {
+          "value": "#ca4b45",
+          "type": "color"
+        },
+        "red-600": {
+          "value": "#dc584a",
+          "type": "color"
+        },
+        "red-500": {
+          "value": "#e56a5b",
+          "type": "color"
+        },
+        "red-400": {
+          "value": "#ef8674",
+          "type": "color"
+        },
+        "red-300": {
+          "value": "#f1a193",
+          "type": "color"
+        },
+        "red-200": {
+          "value": "#f4bbb3",
+          "type": "color"
+        },
+        "red-100": {
+          "value": "#f8d7d3",
+          "type": "color"
+        },
+        "red-0": {
+          "value": "#fbebe9",
+          "type": "color"
+        }
+      },
+      "orange": {
+        "orange-1100": {
+          "value": "#2a140f",
+          "type": "color"
+        },
+        "orange-1000": {
+          "value": "#581d09",
+          "type": "color"
+        },
+        "orange-900": {
+          "value": "#8a341a",
+          "type": "color"
+        },
+        "orange-800": {
+          "value": "#bf5c29",
+          "type": "color"
+        },
+        "orange-700": {
+          "value": "#de763a",
+          "type": "color"
+        },
+        "orange-600": {
+          "value": "#e68246",
+          "type": "color"
+        },
+        "orange-500": {
+          "value": "#ee8e53",
+          "type": "color"
+        },
+        "orange-400": {
+          "value": "#f2a069",
+          "type": "color"
+        },
+        "orange-300": {
+          "value": "#f4b388",
+          "type": "color",
+          "description": "This is our main color. And this description will show inside the documentation"
+        },
+        "orange-200": {
+          "value": "#f6c7a9",
+          "type": "color"
+        },
+        "orange-100": {
+          "value": "#f7ddce",
+          "type": "color"
+        },
+        "orange-0": {
+          "value": "#fceee4",
+          "type": "color"
+        }
+      },
+      "yellow": {
+        "yellow-1100": {
+          "value": "#2a1b08",
+          "type": "color"
+        },
+        "yellow-1000": {
+          "value": "#4e2c0b",
+          "type": "color"
+        },
+        "yellow-900": {
+          "value": "#8b4f1f",
+          "type": "color"
+        },
+        "yellow-800": {
+          "value": "#b0772a",
+          "type": "color"
+        },
+        "yellow-700": {
+          "value": "#d49b35",
+          "type": "color"
+        },
+        "yellow-600": {
+          "value": "#f6be41",
+          "type": "color"
+        },
+        "yellow-500": {
+          "value": "#f8ce4c",
+          "type": "color"
+        },
+        "yellow-400": {
+          "value": "#fad961",
+          "type": "color"
+        },
+        "yellow-300": {
+          "value": "#fbe17f",
+          "type": "color"
+        },
+        "yellow-200": {
+          "value": "#fbe9a4",
+          "type": "color"
+        },
+        "yellow-100": {
+          "value": "#fbeed1",
+          "type": "color"
+        },
+        "yellow-0": {
+          "value": "#fef8e4",
+          "type": "color"
+        }
+      },
+      "magenta": {
+        "magenta-1100": {
+          "value": "#271a2c",
+          "type": "color"
+        },
+        "magenta-1000": {
+          "value": "#3f1a4e",
+          "type": "color"
+        },
+        "magenta-900": {
+          "value": "#642a73",
+          "type": "color"
+        },
+        "magenta-800": {
+          "value": "#854091",
+          "type": "color"
+        },
+        "magenta-700": {
+          "value": "#a04da3",
+          "type": "color"
+        },
+        "magenta-600": {
+          "value": "#b659b4",
+          "type": "color"
+        },
+        "magenta-500": {
+          "value": "#cc6bd5",
+          "type": "color"
+        },
+        "magenta-400": {
+          "value": "#e38aef",
+          "type": "color"
+        },
+        "magenta-300": {
+          "value": "#e3b1ee",
+          "type": "color"
+        },
+        "magenta-200": {
+          "value": "#ecc7f4",
+          "type": "color"
+        },
+        "magenta-100": {
+          "value": "#f5e4fa",
+          "type": "color"
+        },
+        "magenta-0": {
+          "value": "#fcf0fe",
+          "type": "color"
+        }
+      }
+    },
+    "semantic": {
+      "primary": {
+        "primary-active-background": {
+          "value": "#453e96",
+          "type": "color"
+        },
+        "primary-hover-background": {
+          "value": "#5a52b4",
+          "type": "color"
+        },
+        "primary-hover-color": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "primary-background": {
+          "value": "#6b62cc",
+          "type": "color"
+        },
+        "primary-color": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "primary-innactive-background": {
+          "value": "#d8d8f6",
+          "type": "color"
+        },
+        "primary-border": {
+          "value": "#6b62cc",
+          "type": "color"
+        },
+        "hover-innactive-background": {
+          "value": "#c0c2f3",
+          "type": "color"
+        }
+      },
+      "text": {
+        "text-inverse": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "text-subtext": {
+          "value": "#545e5f",
+          "type": "color"
+        },
+        "text-headline": {
+          "value": "#293333",
+          "type": "color"
+        },
+        "text-body": {
+          "value": "#384141",
+          "type": "color"
+        }
+      },
+      "error": {
+        "error-color": {
+          "value": "#b6403b",
+          "type": "color"
+        },
+        "error-icon": {
+          "value": "#b6403b",
+          "type": "color"
+        },
+        "error-border": {
+          "value": "#ef8674",
+          "type": "color"
+        },
+        "error-background": {
+          "value": "#f8d7d3",
+          "type": "color"
+        }
+      },
+      "warning": {
+        "warning-color": {
+          "value": "#8b4f1f",
+          "type": "color"
+        },
+        "warning-icon": {
+          "value": "#ba7506",
+          "type": "color"
+        },
+        "warning-border": {
+          "value": "#fad961",
+          "type": "color"
+        },
+        "warning-background": {
+          "value": "#fbeed1",
+          "type": "color"
+        }
+      },
+      "success": {
+        "success-color": {
+          "value": "#2d6944",
+          "type": "color"
+        },
+        "success-icon": {
+          "value": "#3c884d",
+          "type": "color"
+        },
+        "success-border": {
+          "value": "#8fda75",
+          "type": "color"
+        },
+        "success-background": {
+          "value": "#ddf3d9",
+          "type": "color"
+        }
+      },
+      "info": {
+        "info-color": {
+          "value": "#3a79bd",
+          "type": "color"
+        },
+        "info-icon": {
+          "value": "#306ca5",
+          "type": "color"
+        },
+        "info-border": {
+          "value": "#6aacef",
+          "type": "color"
+        },
+        "info-background": {
+          "value": "#e0f1fe",
+          "type": "color"
+        }
+      },
+      "opportunity": {
+        "opportunity-color": {
+          "value": "#357a7b",
+          "type": "color"
+        },
+        "opportunity-icon": {
+          "value": "#357a7b",
+          "type": "color"
+        },
+        "opportunity-border": {
+          "value": "#6addc6",
+          "type": "color"
+        },
+        "opportunity-background": {
+          "value": "#d5f6ef",
+          "type": "color"
+        }
+      },
+      "sale": {
+        "sale70-background": {
+          "value": "#ac7d13",
+          "type": "color"
+        },
+        "sale50-background": {
+          "value": "#b51d4e",
+          "type": "color"
+        },
+        "sale30-background": {
+          "value": "#5869c1",
+          "type": "color"
+        },
+        "sale-color": {
+          "value": "#b7b7b7",
+          "type": "color"
+        }
+      }
+    },
+    "on-background": {
+      "neutral": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "critical": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "positive": {
+        "value": "{color.color.white}",
+        "type": "color"
+      },
+      "upgrade": {
+        "value": "{color.color.white}",
+        "type": "color"
+      }
+    },
+    "persistent": {
+      "black": {
+        "value": "{color.neutral.neutral-900}",
+        "type": "color"
+      },
+      "white": {
+        "value": "{color.color.white}",
+        "type": "color"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/dimension.json b/darkD38a/dimension.json
new file mode 100644
index 0000000..8c54c3f
--- /dev/null
+++ b/darkD38a/dimension.json
@@ -0,0 +1,25 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "dimension": {
+    "spacing": {
+      "semantic": {
+        "stack-gap": {
+          "value": "1px",
+          "type": "dimension"
+        }
+      }
+    },
+    "shadow": {
+      "focus-ring-width": {
+        "value": "3px",
+        "type": "dimension"
+      }
+    },
+    "font-weight": {
+      "bold": {
+        "value": "640px",
+        "type": "dimension"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/font-family.json b/darkD38a/font-family.json
new file mode 100644
index 0000000..5989323
--- /dev/null
+++ b/darkD38a/font-family.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "font-family": {
+    "font-family": {
+      "default": {
+        "value": "Inter",
+        "type": "fontFamily"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/font-size.json b/darkD38a/font-size.json
new file mode 100644
index 0000000..6df5cf8
--- /dev/null
+++ b/darkD38a/font-size.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "font-size": {
+    "title-1": {
+      "font-size": {
+        "value": "32px",
+        "type": "fontSize"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/line-height.json b/darkD38a/line-height.json
new file mode 100644
index 0000000..27f9604
--- /dev/null
+++ b/darkD38a/line-height.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "line-height": {
+    "title-1": {
+      "line-height": {
+        "value": "40px",
+        "type": "lineHeight"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/opacity.json b/darkD38a/opacity.json
new file mode 100644
index 0000000..2f9dbbb
--- /dev/null
+++ b/darkD38a/opacity.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "opacity": {
+    "opacity": {
+      "disabled": {
+        "value": "0.5",
+        "type": "opacity"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/space.json b/darkD38a/space.json
new file mode 100644
index 0000000..736a48d
--- /dev/null
+++ b/darkD38a/space.json
@@ -0,0 +1,55 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "space": {
+    "spacing": {
+      "0": {
+        "value": "0px",
+        "type": "space"
+      },
+      "2": {
+        "value": "2px",
+        "type": "space"
+      },
+      "4": {
+        "value": "4px",
+        "type": "space"
+      },
+      "8": {
+        "value": "8px",
+        "type": "space"
+      },
+      "12": {
+        "value": "12px",
+        "type": "space"
+      },
+      "16": {
+        "value": "16px",
+        "type": "space"
+      },
+      "20": {
+        "value": "20px",
+        "type": "space"
+      },
+      "24": {
+        "value": "24px",
+        "type": "space"
+      },
+      "28": {
+        "value": "28px",
+        "type": "space"
+      },
+      "32": {
+        "value": "32px",
+        "type": "space"
+      },
+      "36": {
+        "value": "36px",
+        "type": "space"
+      },
+      "40": {
+        "value": "40px",
+        "type": "space"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/string.json b/darkD38a/string.json
new file mode 100644
index 0000000..9eb2534
--- /dev/null
+++ b/darkD38a/string.json
@@ -0,0 +1,11 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "string": {
+    "string": {
+      "font-family": {
+        "value": "Inter",
+        "type": "string"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/darkD38a/typography.json b/darkD38a/typography.json
new file mode 100644
index 0000000..9c80c56
--- /dev/null
+++ b/darkD38a/typography.json
@@ -0,0 +1,65 @@
+{
+  "_comment": "This file was generated automatically by Supernova.io and should not be changed manually. To modify the format or content of this file, please contact your design system team.",
+  "typography": {
+    "typography": {
+      "h1": {
+        "value": "700 57px/64px Advent Pro",
+        "type": "typography"
+      },
+      "h2": {
+        "value": "700 43px/50px Advent Pro",
+        "type": "typography"
+      },
+      "h3": {
+        "value": "700 32px/40px Advent Pro",
+        "type": "typography"
+      },
+      "h4": {
+        "value": "700 24px/32px Advent Pro",
+        "type": "typography"
+      },
+      "h5": {
+        "value": "700 21px/29px Advent Pro",
+        "type": "typography"
+      },
+      "large-lead": {
+        "value": "400 24px/32px Advent Pro",
+        "type": "typography"
+      },
+      "medium-lead": {
+        "value": "400 21px/29px Advent Pro",
+        "type": "typography"
+      },
+      "button-label": {
+        "value": "400 21px/29px Advent Pro",
+        "type": "typography"
+      },
+      "paragraph": {
+        "value": "400 18px/26px Advent Pro",
+        "type": "typography"
+      },
+      "small-paragraph": {
+        "value": "400 16px/24px Advent Pro",
+        "type": "typography"
+      },
+      "tiny-paragraph": {
+        "value": "400 12px/24px Advent Pro",
+        "type": "typography"
+      },
+      "sale": {
+        "value": "700 24px/32px Advent Pro",
+        "type": "typography"
+      },
+      "impact-label": {
+        "value": "400 13px Impact Label",
+        "type": "typography",
+        "description": "typewriter font test"
+      },
+      "poppins": {
+        "value": "400 13px Poppins",
+        "type": "typography",
+        "description": "importing test"
+      }
+    }
+  }
+}
\ No newline at end of file