diff --git a/ui/app/css/colors.scss b/ui/app/css/colors.scss
deleted file mode 100644
index 650c81120..000000000
--- a/ui/app/css/colors.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-$gallery: #EFEFEF;
-$alabaster: #F7F7F7;
-$shark: #22232C;
-$wild-sand: #F6F6F6;
\ No newline at end of file
diff --git a/ui/app/css/itcss/components/sections.scss b/ui/app/css/itcss/components/sections.scss
index 7c6a8c1ce..279263acd 100644
--- a/ui/app/css/itcss/components/sections.scss
+++ b/ui/app/css/itcss/components/sections.scss
@@ -3,6 +3,28 @@ App Sections
   TODO: Move into separate files.
 */
 
+/*
+debug / dev
+*/
+
+#app-content {
+  border: 2px solid green;
+}
+
+#design-container {
+  position: absolute;
+  left: 360px;
+  top: -42px;
+  width: calc(100vw - 360px);
+  height: 100vh;
+  overflow: scroll;
+}
+
+#design-container img {
+  width: 2000px;
+  margin-right: 600px;
+}
+
 /* initialize */
 
 textarea.twelve-word-phrase {
@@ -485,4 +507,4 @@ div.message-container > div:first-child {
 
 .pop-hover:hover {
   transform: scale(1.1);
-}
+}
\ No newline at end of file
diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss
index 0eeaa8911..e237ba6c4 100644
--- a/ui/app/css/itcss/settings/variables.scss
+++ b/ui/app/css/itcss/settings/variables.scss
@@ -1,4 +1,14 @@
+/*
+  Variables
+ */
+
+
+// Colors
 $white-linen: #FAF6F0; // formerly 'faint orange (textfield shades)'
 $rajah: #F5C26D; // formerly 'light orange (button shades)'
 $buttercup: #F5A623; // formerly 'dark orange (text)'
 $tundora: #4A4A4A; // formerly 'borders/font/any gray'
+$gallery: #EFEFEF;
+$alabaster: #F7F7F7;
+$shark: #22232C;
+$wild-sand: #F6F6F6;
\ No newline at end of file