diff --git a/html/index.css b/html/index.css
index 6888628..586656b 100644
--- a/html/index.css
+++ b/html/index.css
@@ -3,3 +3,10 @@
     width:  80vw;
     height: 40vw;
 }
+
+#lighting_profile {
+    width: 90vw;
+}
+
+#lighting_profile button {
+}
diff --git a/html/index.html b/html/index.html
index 8e8be5c..9bbb5dd 100644
--- a/html/index.html
+++ b/html/index.html
@@ -7,6 +7,26 @@
         <script src="illumination_curve.js"></script>
     </head>
     <body>
-        <canvas id="illuminationCurve" width="2000" height="1000"></canvas>
+        <header>
+            <h1>LAMP</h1>
+            <div id="right_header">
+                <div id="theme_switcher">
+                    <!--TODO-->
+                </div>
+                <div id="timedate">
+                    <!--TODO: put current time here-->
+                    Jeudi 27 Février 2020<br/>
+                    13:37
+                </div>
+            </div>
+        </header>
+        <section id="lighting_profile">
+            <h1>Lighting Profile</h1>
+            <canvas id="illuminationCurve" width="2000" height="1000"></canvas>
+            <button id="set_curve_linear">Linear</button>
+            <button id="set_curve_default">Default</button>
+            <button id="illumination_test">Test</button>
+            <button id="illumination_save">Save</button>
+        </section>
     </body>
 </html>
