diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index aecfce1be..5d5f70cad 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -178,23 +178,23 @@
 						<div class="terminal-window">
 							<div class="">
 								<div class="display">
-								<p>resource "aws_elb" "frontend" {</p>
-								<p>    name = "frontend-load-balancer"</p>
+								<p>resource <span class="txt-spe">"aws_elb"</span> <span class="txt-spe">"frontend"</span> {</p>
+								<p>    name = <span class="txt-str">"frontend-load-balancer"</span></p>
 								<p>    listener {</p>
-								<p>        instance_port = 8000</p>
-								<p>        instance_protocol = "http"</p>
-								<p>        lb_port = 80</p>
-								<p>        lb_protocol = "http"</p>
+								<p>        instance_port = <span class="txt-int">8000</span></p>
+								<p>        instance_protocol = <span class="txt-str">"http"</span></p>
+								<p>        lb_port = <span class="txt-int">80</span></p>
+								<p>        lb_protocol = <span class="txt-str">"http"</span></p>
 								<p>    }</p>
 								<p> </p>
-								<p>    instances = ["${aws_instance.app.*.id}"]</p>
+								<p>    instances = [<span class="txt-str">"<span class="txt-var">${aws_instance.app.*.id}</span>"</span>]</p>
 								<p>}</p>
 								<p> </p>
-								<p>resource "aws_instance" "app" {</p>
-								<p>    count = 5</p>
+								<p>resource <span class="txt-spe">"aws_instance"</span> <span class="txt-spe">"app"</span> {</p>
+								<p>    count = <span class="txt-int">5</span></p>
 								<p> </p>
-								<p>    ami = "ami-043a5034"</p>
-								<p>    instance_type = "m1.small"</p>
+								<p>    ami = <span class="txt-str">"ami-043a5034"</span></p>
+								<p>    instance_type = <span class="txt-str">"m1.small"</span></p>
 								<p>}</p>
 								</div>
 							</div>
diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index f65e5d652..bb5d58a13 100755
--- a/website/source/stylesheets/_home.less
+++ b/website/source/stylesheets/_home.less
@@ -361,6 +361,11 @@
 					.txt-str {
 						color: lighten(@green, 2%);
 					}
+
+					.txt-int {
+						color: lighten(@orange, 2%);
+					}
+
 					p{
 						margin-bottom: 2px;
 						white-space: pre-wrap;
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index e745060e4..250f21dad 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -1354,6 +1354,9 @@ body.page-home #footer {
 #demos .terminals .terminal-item .terminal .terminal-window .txt-str {
   color: #64e86c;
 }
+#demos .terminals .terminal-item .terminal .terminal-window .txt-int {
+  color: #e89264;
+}
 #demos .terminals .terminal-item .terminal .terminal-window p {
   margin-bottom: 2px;
   white-space: pre-wrap;