diff --git a/website/source/images/footer-hashicorp-logo.png b/website/source/images/footer-hashicorp-logo.png
index 10245a45c..f88aa1363 100644
Binary files a/website/source/images/footer-hashicorp-logo.png and b/website/source/images/footer-hashicorp-logo.png differ
diff --git a/website/source/images/footer-hashicorp-logo@2x.png b/website/source/images/footer-hashicorp-logo@2x.png
index 197287b0f..0ca40b716 100644
Binary files a/website/source/images/footer-hashicorp-logo@2x.png and b/website/source/images/footer-hashicorp-logo@2x.png differ
diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 69cb1913b..5a40f0df0 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -37,9 +37,9 @@
 			<div class="col-lg-6 col-md-6">
 				<div class="it-icon f-icon">
 					<div class="t-block"></div>
-					<div class="t-block"></div>
-					<div class="t-block"></div>
-					<div class="t-block"></div>
+					<div class="t-block t2"></div>
+					<div class="t-block t3"></div>
+					<div class="t-block t4"></div>
 				</div>
 			</div>
 			<div class="col-lg-6 col-md-6">
@@ -58,9 +58,9 @@
 			<div class="col-lg-6 col-md-6">
 				<div class="clone-icon f-icon">
 					<div class="t-block"></div>
-					<div class="t-block"></div>
-					<div class="t-block"></div>
-					<div class="t-block"></div>
+					<div class="t-block t2"></div>
+					<div class="t-block t3"></div>
+					<div class="t-block t4"></div>
 				</div>
 			</div>				
 		</div>
diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index 5d4a5d052..83e359784 100755
--- a/website/source/stylesheets/_home.less
+++ b/website/source/stylesheets/_home.less
@@ -71,6 +71,27 @@
 		.skewY(-2deg);
 	}
 
+	.t-block{
+		background-color: rgb(255, 255, 255);
+		width: 80px;
+		height: 80px;
+		.skewY(26deg);
+		float: left;
+		margin-right: 25px;
+
+		&.t2{
+			background-color: rgba(255, 255, 255, .8);
+		}
+
+		&.t3{
+			background-color: rgba(255, 255, 255, .6);
+		}
+
+		&.t4{
+			background-color: rgba(255, 255, 255, .4);	
+		}		
+	}
+
 	h2{
 		color: white;
 	}	
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index f0a7d5600..bcebad60e 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -603,6 +603,27 @@ body.page-sub #header {
   -o-transform: skewY(-2deg);
   transform: skewY(-2deg);
 }
+#feature-iterate .t-block {
+  background-color: #ffffff;
+  width: 80px;
+  height: 80px;
+  -webkit-transform: skewY(26deg);
+  -moz-transform: skewY(26deg);
+  -ms-transform: skewY(26deg);
+  -o-transform: skewY(26deg);
+  transform: skewY(26deg);
+  float: left;
+  margin-right: 25px;
+}
+#feature-iterate .t-block.t2 {
+  background-color: rgba(255, 255, 255, 0.8);
+}
+#feature-iterate .t-block.t3 {
+  background-color: rgba(255, 255, 255, 0.6);
+}
+#feature-iterate .t-block.t4 {
+  background-color: rgba(255, 255, 255, 0.4);
+}
 #feature-iterate h2 {
   color: white;
 }