diff --git a/web/ons-demo/css/layout.default.css b/web/ons-demo/css/layout.default.css
new file mode 100644
index 0000000..fa798da
--- /dev/null
+++ b/web/ons-demo/css/layout.default.css
@@ -0,0 +1,32 @@
+body {
+	display: -webkit-box;
+}
+
+.header {
+	width: 100%;
+	display: -webkit-box;
+	-webkit-box-pack: justify;
+	-webkit-box-align: center;
+}
+
+#status {
+	display: -webkit-box;
+}
+
+#right {
+	width: 100%;
+	-webkit-box-flex: 1.0;
+}
+
+#controllers, #topology {
+	height: 100%;
+	-webkit-box-flex: 1.0;
+}
+
+/* tmp */
+#controllers, #topology {
+	display: -webkit-box;
+	-webkit-box-align: center;
+	-webkit-box-pack: center;
+}
+
diff --git a/web/ons-demo/css/skin.2.css b/web/ons-demo/css/skin.2.css
new file mode 100644
index 0000000..27c9487
--- /dev/null
+++ b/web/ons-demo/css/skin.2.css
@@ -0,0 +1,3 @@
+body {
+	background-color: blue;
+}
\ No newline at end of file
diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
new file mode 100644
index 0000000..2a6d95a
--- /dev/null
+++ b/web/ons-demo/css/skin.default.css
@@ -0,0 +1,50 @@
+body {
+	background-color: black;
+	color: white;
+	font-family: Helvetica;
+	margin: 0px;
+}
+
+.status {
+	padding: 1em;
+	border-right: 1px solid white;
+}
+
+.status:last-child {
+	border-right: none;
+}
+
+.status .static {
+	color: white;
+	padding: .25em;
+}
+
+.status .dynamic {
+	color: blue;
+	padding: .25em;
+}
+
+.button {
+	padding: 1em;
+	background-color: lightgray;
+	color: black;
+	border: 1px solid white;
+}
+
+#left .header {
+	background-color: lightgreen;
+}
+
+#right .header {
+	background-color: lightblue;
+}
+
+#controllers {
+	background-color: darkgreen;
+}
+
+#topology {
+	background-color: blue;
+}
+
+#logo {}