diff --git a/connect/community/CustomizationOptions.ts b/connect/community/CustomizationOptions.ts
new file mode 100644
index 00000000..bb37ab3e
--- /dev/null
+++ b/connect/community/CustomizationOptions.ts
@@ -0,0 +1,82 @@
+export class CustomizationOptions {
+  mainColor: string;
+  secondaryColor: string;
+  panel: {
+    background: {
+      // gradientDirection: string;
+      borderStyle: string;
+      borderColor: string;
+      borderWidth: string;
+    }, fonts: {
+      color: string;
+      family: string;
+      size: string;
+    },
+    title: {
+      color: string;
+      family: string;
+      size: string;
+    },
+    links: {
+      color: string;
+      family: string;
+      size: string;
+      // decoration: string;
+      onHover: {
+        color: string;
+      }
+    };
+    buttons: {
+      backgroundColor: string;
+      color: string;
+      fontWeight:string;
+      borderStyle: string;
+      borderColor: string;
+      borderWidth: string;
+      borderRadius: string;
+      onHover: {
+        backgroundColor: string;
+        color: string;
+        borderColor: string;
+      }
+
+    };
+
+
+    panelElements: {
+      backgroundColor: string;
+      borderColor: string;
+      color: string;
+    }
+  };
+
+  box: {
+    borderColor: string;
+    borderStyle: string;
+    borderWidth: string;
+    borderRadius: string;
+  }
+  ;
+  links: {
+    color: "";
+    family: string;
+    decoration: string;
+    onHover: {
+      color: string;
+    };
+  };
+
+  buttons: {
+    backgroundColor: string;
+    color: string;
+    borderStyle: string;
+    borderColor: string;
+    borderWidth: string;
+    borderRadius: string;
+    onHover: {
+      backgroundColor: string;
+      color: string;
+      borderColor: string;
+    };
+  };
+}