diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
index b8d1ebc..3e93afc 100644
--- a/src/assets/css/styles.css
+++ b/src/assets/css/styles.css
@@ -198,17 +198,18 @@ main {
     background-color: #111833;
 }
 
-.frontpage p {
-    /* color: red; */
-    margin-bottom: 0;
+.frontpage p,
+.frontpage h2 {
+    color: white;
+    /* margin-bottom: 0; */
 }
 
 .frontpage>main img {
     float: left;
-    width: auto;
+    /* width: auto; */
     height: auto;
     width: 33.333%;
-    margin-top: 15em;
+    /* margin-top: 15em; */
     margin-left: 0;
     margin-bottom: 0;
 }
diff --git a/src/assets/images/blockman-front-red.png b/src/assets/images/blockman-front-red.png
deleted file mode 100644
index 480f054..0000000
Binary files a/src/assets/images/blockman-front-red.png and /dev/null differ
diff --git a/src/assets/images/data-contract-3d.png b/src/assets/images/data-contract-3d.png
deleted file mode 100644
index 3086bdd..0000000
Binary files a/src/assets/images/data-contract-3d.png and /dev/null differ
diff --git a/src/assets/images/docs/blockman-docs-pinkish.png b/src/assets/images/docs/blockman-docs-pinkish.png
new file mode 100644
index 0000000..7deb567
Binary files /dev/null and b/src/assets/images/docs/blockman-docs-pinkish.png differ
diff --git a/src/assets/images/docs/dashbox-docs-orange-white.png b/src/assets/images/docs/dashbox-docs-orange-white.png
new file mode 100644
index 0000000..3f40eb3
Binary files /dev/null and b/src/assets/images/docs/dashbox-docs-orange-white.png differ
diff --git a/src/assets/images/docs/dashbox-docs-orange.png b/src/assets/images/docs/dashbox-docs-orange.png
new file mode 100644
index 0000000..87d892d
Binary files /dev/null and b/src/assets/images/docs/dashbox-docs-orange.png differ
diff --git a/src/assets/images/docs/orig/blockman/download (2).png b/src/assets/images/docs/orig/blockman/download (2).png
new file mode 100644
index 0000000..bc2ea1e
Binary files /dev/null and b/src/assets/images/docs/orig/blockman/download (2).png differ
diff --git a/src/assets/images/docs/orig/dashbox/dashbox-docs-green.png b/src/assets/images/docs/orig/dashbox/dashbox-docs-green.png
new file mode 100644
index 0000000..bb1f4df
Binary files /dev/null and b/src/assets/images/docs/orig/dashbox/dashbox-docs-green.png differ
diff --git a/src/assets/images/docs/orig/dashbox/dashbox-docs-orange.png b/src/assets/images/docs/orig/dashbox/dashbox-docs-orange.png
new file mode 100644
index 0000000..cc9c282
Binary files /dev/null and b/src/assets/images/docs/orig/dashbox/dashbox-docs-orange.png differ
diff --git a/src/assets/images/docs/orig/dashbox/download (1).png b/src/assets/images/docs/orig/dashbox/download (1).png
new file mode 100644
index 0000000..b08314b
Binary files /dev/null and b/src/assets/images/docs/orig/dashbox/download (1).png differ
diff --git a/src/assets/images/docs/orig/dashbox/download (10).png b/src/assets/images/docs/orig/dashbox/download (10).png
new file mode 100644
index 0000000..26cec9d
Binary files /dev/null and b/src/assets/images/docs/orig/dashbox/download (10).png differ
diff --git a/src/assets/images/docs/orig/dashbox/download (11).png b/src/assets/images/docs/orig/dashbox/download (11).png
new file mode 100644
index 0000000..9705d39
Binary files /dev/null and b/src/assets/images/docs/orig/dashbox/download (11).png differ
diff --git a/src/assets/images/docs/orig/dashbox/download (9).png b/src/assets/images/docs/orig/dashbox/download (9).png
new file mode 100644
index 0000000..ee8bb56
Binary files /dev/null and b/src/assets/images/docs/orig/dashbox/download (9).png differ
diff --git a/src/assets/images/docs/orig/dashbox/download.png b/src/assets/images/docs/orig/dashbox/download.png
new file mode 100644
index 0000000..5b0502e
Binary files /dev/null and b/src/assets/images/docs/orig/dashbox/download.png differ
diff --git a/src/assets/images/blockman-front-pink.png b/src/assets/images/front/blockman-front-pink.png
similarity index 100%
rename from src/assets/images/blockman-front-pink.png
rename to src/assets/images/front/blockman-front-pink.png
diff --git a/src/assets/images/front/blockman-front-red.png b/src/assets/images/front/blockman-front-red.png
new file mode 100644
index 0000000..8a2af94
Binary files /dev/null and b/src/assets/images/front/blockman-front-red.png differ
diff --git a/src/assets/images/dashbox-front-orange.png b/src/assets/images/front/dashbox-front-orange.png
similarity index 100%
rename from src/assets/images/dashbox-front-orange.png
rename to src/assets/images/front/dashbox-front-orange.png
diff --git a/src/assets/images/dashbox-front-red.png b/src/assets/images/front/dashbox-front-red.png
similarity index 100%
rename from src/assets/images/dashbox-front-red.png
rename to src/assets/images/front/dashbox-front-red.png
diff --git a/src/assets/images/front/data_contract_3d.PNG b/src/assets/images/front/data_contract_3d.PNG
new file mode 100644
index 0000000..09df5d9
Binary files /dev/null and b/src/assets/images/front/data_contract_3d.PNG differ
diff --git a/src/assets/images/data_contract_2d.PNG b/src/assets/images/front/orig/data_contract_2d.PNG
similarity index 100%
rename from src/assets/images/data_contract_2d.PNG
rename to src/assets/images/front/orig/data_contract_2d.PNG
diff --git a/src/assets/images/reactvue-front-yellow.png b/src/assets/images/front/reactvue-front-yellow.png
similarity index 100%
rename from src/assets/images/reactvue-front-yellow.png
rename to src/assets/images/front/reactvue-front-yellow.png
diff --git a/src/html/index.md b/src/html/index.md
index f1f43ae..0f74cbe 100644
--- a/src/html/index.md
+++ b/src/html/index.md
@@ -4,13 +4,18 @@ description: Frontpage
 priority: 1.0
 ---
 <!-- TODO: data-contract-3d image should be placed above dashbox image (and scaled and fine positioned) -->
-<!-- [![dashbox]({{ root }}images/data-contract-3d.png)]({{ root }}docs/) -->
-[![dashbox]({{ root }}images/dashbox-front-orange.png)]({{ root }}docs/)
-[![dashbox]({{ root }}images/blockman-front-red.png)]({{ root }}docs/)
-[![dashbox]({{ root }}images/reactvue-front-yellow.png)]({{ root }}docs/)
+[![dashbox]({{ root }}images/front/data_contract_3d.png)]({{ root }}docs/)
 
-<!-- [![dashbox]({{ root }}images/tinker-v1.png)](http://dash.org/) -->
-<!-- [![dashbox]({{ root }}images/myArt1.png)](http://dash.org/) -->
+## Tools, Examples and Inspiration for Data Contracts
+
+Dashdev-Suite Dapp Framework. Making developers life easier.
+
+<!-- [![dashbox]({{ root }}images/front/data_contract_3d.png)]({{ root }}docs/) -->
+
+
+[![dashbox]({{ root }}images/front/dashbox-front-orange.png)]({{ root }}docs/)
+[![dashbox]({{ root }}images/front/blockman-front-red.png)]({{ root }}docs/)
+[![dashbox]({{ root }}images/front/reactvue-front-yellow.png)]({{ root }}docs/)
 
 
 <!-- [Get started&hellip;]({{ root }}docs/) -->