diff --git a/rog-control-center/ui/types/fan_types.slint b/rog-control-center/ui/types/fan_types.slint
new file mode 100644
index 00000000..1b44581d
--- /dev/null
+++ b/rog-control-center/ui/types/fan_types.slint
@@ -0,0 +1,332 @@
+import { Node } from "../widgets/graph.slint";
+
+export enum Profile {
+    Balanced,
+    Performance,
+    Quiet,
+}
+
+export enum FanType {
+    CPU,
+    Middle,
+    GPU,
+ }
+
+export global FanPageData {
+    in-out property <[Profile]> avilable_profiles: [Profile.Balanced, Profile.Performance, Profile.Quiet];
+    in-out property <[FanType]> avilable_fans: [FanType.CPU, FanType.Middle, FanType.GPU];
+
+    in-out property <bool> balanced_cpu_available: true;
+    in-out property <bool> balanced_gpu_available: false;
+    in-out property <bool> balanced_mid_available: true;
+
+    in-out property <[Node]> balanced_cpu: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+    in-out property <[Node]> balanced_mid: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+    in-out property <[Node]> balanced_gpu: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+    in-out property <[Node]> performance_cpu: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+    in-out property <[Node]> performance_mid: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+    in-out property <[Node]> performance_gpu: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+    in-out property <[Node]> quiet_cpu: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+    in-out property <[Node]> quiet_mid: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+    in-out property <[Node]> quiet_gpu: [
+        {
+            x: 10px,
+            y: 10px,
+        },
+        {
+            x: 40px,
+            y: 30px,
+        },
+        {
+            x: 50px,
+            y: 50px,
+        },
+        {
+            x: 55px,
+            y: 50px,
+        },
+        {
+            x: 60px,
+            y: 60px,
+        },
+        {
+            x: 65px,
+            y: 70px,
+        },
+        {
+            x: 70px,
+            y: 80px,
+        },
+        {
+            x: 90px,
+            y: 100px,
+        },
+    ];
+
+    function set_fan(profile: Profile, fan: FanType, data: [Node]) {
+    }
+}