diff --git a/wlogout/layout b/wlogout/layout
new file mode 100644
index 0000000..30b3392
--- /dev/null
+++ b/wlogout/layout
@@ -0,0 +1,36 @@
+{
+    "label" : "lock",
+    "action" : "hyprlock",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "hibernate",
+    "action" : "systemctl hibernate",
+    "text" : "Hibernate",
+    "keybind" : "h"
+}
+{
+    "label" : "logout",
+    "action" : "loginctl terminate-user $USER",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "Suspend",
+    "keybind" : "u"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}
diff --git a/wlogout/style.css b/wlogout/style.css
new file mode 100644
index 0000000..139ecab
--- /dev/null
+++ b/wlogout/style.css
@@ -0,0 +1,70 @@
+* {
+  background-image: none;
+  box-shadow: none;
+  font-family: "PragmataPro Mono";
+  font-size: 18px;
+  font-weight: 600;
+}
+
+window {
+  background-color: rgba(40, 40, 40, 0.9);
+}
+
+button {
+  border-radius: 0;
+  color: #ebdbb2;
+  background-color: #32302f;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 15%;
+  margin: 10px;
+}
+
+button:focus,
+button:active,
+button:hover {
+  background-color: #98971a;
+  outline-style: none;
+}
+
+/* #lock { */
+/*   background-image: image( */
+/*     url("/usr/share/wlogout/icons/lock.png"), */
+/*     url("/usr/local/share/wlogout/icons/lock.png") */
+/*   ); */
+/* } */
+
+/* #logout { */
+/*   background-image: image( */
+/*     url("/usr/share/wlogout/icons/logout.png"), */
+/*     url("/usr/local/share/wlogout/icons/logout.png") */
+/*   ); */
+/* } */
+
+/* #suspend { */
+/*   background-image: image( */
+/*     url("/usr/share/wlogout/icons/suspend.png"), */
+/*     url("/usr/local/share/wlogout/icons/suspend.png") */
+/*   ); */
+/* } */
+
+/* #hibernate { */
+/*   background-image: image( */
+/*     url("/usr/share/wlogout/icons/hibernate.png"), */
+/*     url("/usr/local/share/wlogout/icons/hibernate.png") */
+/*   ); */
+/* } */
+
+/* #shutdown { */
+/*   background-image: image( */
+/*     url("/usr/share/wlogout/icons/shutdown.png"), */
+/*     url("/usr/local/share/wlogout/icons/shutdown.png") */
+/*   ); */
+/* } */
+
+/* #reboot { */
+/*   background-image: image( */
+/*     url("/usr/share/wlogout/icons/reboot.png"), */
+/*     url("/usr/local/share/wlogout/icons/reboot.png") */
+/*   ); */
+/* } */