diff --git a/src/main/resources/ui-structure/gameuicomponents/Notebook.fxml b/src/main/resources/ui-structure/gameuicomponents/Notebook.fxml
new file mode 100644
index 0000000..3cc700e
--- /dev/null
+++ b/src/main/resources/ui-structure/gameuicomponents/Notebook.fxml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.geometry.Insets?>
+
+<VBox xmlns="http://javafx.com/javafx/21"
+      xmlns:fx="http://javafx.com/fxml/1"
+      fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents.NotebookController"
+      fx:id="notebook"
+      styleClass="notebook"
+      spacing="0"
+      layoutX="900.0" layoutY="50.0"
+      prefWidth="350" prefHeight="500">
+
+    <HBox styleClass="notebook-header"
+          onMousePressed="#onNotebookPressed"
+          onMouseDragged="#onNotebookDragged"
+          onMouseReleased="#onNotebookReleased"
+          spacing="10"
+          alignment="CENTER_LEFT">
+
+        <Label text="📓 TIPS"
+               styleClass="notebook-title"
+               HBox.hgrow="ALWAYS"/>
+
+        <Button fx:id="toggleButton"
+                text="−"
+                onAction="#onToggleNotebook"
+                styleClass="red-button"
+                prefWidth="40"
+                prefHeight="30"/>
+
+    </HBox>
+
+    <ScrollPane fx:id="tipsContent"
+                styleClass="notebook-content"
+                fitToWidth="true"
+                vbarPolicy="ALWAYS"
+                hbarPolicy="NEVER"
+                VBox.vgrow="ALWAYS">
+
+        <VBox fx:id="tipsList"
+              styleClass="notebook-tips-list"
+              spacing="8"
+              prefWidth="330">
+        </VBox>
+
+    </ScrollPane>
+
+</VBox>
+