diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index 86f655b5..554aee98 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -1075,17 +1075,21 @@ a.tag:hover {
   font-size: .85em;
 }
 .section.previews {
-  background: #FAF6F1;
-  h3 {
-    line-height: 130%;
-    font-size: 1.6em;
-    margin-top: 0;
-  }
+  background: #fff;
   h2, h3 {
     color: #335062;
   }
+  h2 {
+    margin-top: 0.6em;
+    margin-bottom: 2.1em;
+  }
+  h3 {
+    line-height: 130%;
+    font-size: 1.4em;
+    margin-top: 0;
+  }
   p {
-    color: #666;
+    color: #111;
     line-height: 180%;
     font-size: .9em;
   }
@@ -1119,9 +1123,21 @@ a.tag:hover {
       width: 100%;
       height: 250px;
       margin-right: 30px;
-      background: white;
-      border: 6px solid white;
+      background-color: white;
+      background-size: 180%;
+      background-repeat: none;
+      border: 13px solid #4f7d88;
       @include box-shadow(1px 1px 2px 0px rgba(0, 0, 0, 0.18));
+      
+    }
+    &:nth-child(3) .screenshot {
+      border: 13px solid $c-Brand-1;
+    }
+    &:nth-child(4) .screenshot {
+      border: 13px solid #BECF90;
+    }
+    &:nth-child(5) .screenshot {
+      border: 13px solid #FFCC00;
     }
     &.right {
       .col {
diff --git a/views/index.erb b/views/index.erb
index 46f5dd00..c6c39f83 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -222,45 +222,48 @@
   <div class="nav next"></div>
   -->
 </div>
-<!--
+
 <div class="section previews">
-  <h2>Welcome to the new Neocities</h2>
+  <h2 class="delta">Our mission: To make the web fun again by giving you back control of how you express yourself online.</h2>
 
   <div class="row content">
-    <div class="col col-50"><div class="screenshot"><img src="/img/front-browse-screenshot.png"></div></div>
+    <div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-editor-screenshot.png)"></div></div>
     <div class="col col-50 text">
-      <h3>Discover new sites related to your interests</h3>
-      <p>Follow your favorite sites and see when they get updated. Easily form communities of sites using site tags. Web Rings, reloaded.</p>
+      <h3>HTML editor, right in your browser</h3>
+      <p>No tools needed! With our easy-to-use HTML editor, you're ready to start building your awesome web site right now.</p>
+      <p>If you'd rather use your favorite desktop editor, no problem! Uploading files is as easy as drag-and-drop.</p>
     </div>
   </div>
 
   <div class="row content right">
-    <div class="col col-50"><div class="screenshot"></div></div>
+    <div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-browse-screenshot.png); background-size: 120%"></div></div>
     <div class="col col-50 text">
-      <h3>Follow your favorite Neocities sites</h3>
-      <p></p>
+      <h3>It's time to bring back web surfing!</h3>
+      <p>Easily browse all Neocities sites using our web site gallery! Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
+      <p>Tags are our version of web rings. They let you easily discover new sites related to your interests.</p>
     </div>
   </div>
 
   <div class="row content">
-    <div class="col col-50"><div class="screenshot"><img src="/img/front-editor-screenshot.png"></div></div>
+    <div class="col col-50"><div class="screenshot"></div></div>
     <div class="col col-50 text">
-      <h3>HTML editor, right in your browser</h3>
-      <p>No tools needed! With our easy to use HTML editor, you're ready to start building (or changing) your awesome site right now.</p>
-      <p>But if you'd rather use your favorite editor, no problem! Uploading files is as easy as drag-and-drop.</p>
+      <h3>Follow your favorite Neocities sites</h3>
+      <p>Find an neat site in our website gallery? You can now keep track of new updates by following Neocities sites. Any changes to the sites will show up in your news feed.</p>
+      <p>You can support your favorite web builders by writing them comments and sharing their sites.</p>
+    </div>
+  </div>
+  
+  <div class="row content right">
+    <div class="col col-50"><div class="screenshot"></div></div>
+    <div class="col col-50 text">
+      <h3>At vero eos et accusamus et</h3>
+      <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.</p>
+      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
     </div>
   </div>
-
 </div>
--->
 
   <section class="section features">
-    <h2 class="delta">
-      Our mission: To make the web fun again by giving you back control of how you express yourself online.
-    </h2>
-
-      <img style="margin-top: .5em; max-width: 80%;" src="/img/front-editor-screenshot.png" alt="screen shot of neocities code editor" />
-
     <div class="row">
       <div class="col col-50">
         <h3>