diff --git a/src/app/partials/footer/footer.scss b/src/app/partials/footer/footer.scss
index 4e39c4d..e0b5e79 100644
--- a/src/app/partials/footer/footer.scss
+++ b/src/app/partials/footer/footer.scss
@@ -7,5 +7,5 @@ $barra-theme: ("green": #00420c, "yellow": #2c66ce, "blue": #0042b1);
 }
 
 #footer {
-  margin: 10px 0;
+  margin: 10px auto;
 }
diff --git a/src/app/partials/login/login.html b/src/app/partials/login/login.html
index 3899c2c..5dc6055 100644
--- a/src/app/partials/login/login.html
+++ b/src/app/partials/login/login.html
@@ -1,30 +1,27 @@
-<article class="container" role="main">
-
-  <div class="col-sm-6 col-sm-offset-3">
-    <form name="loginForm" ng-submit="login.login(login.credentials)">
-
-      <h2>Por favor, identifique-se:</h2>
-
-      <div class="form-group">
-        <label for="inputUsername" class="sr-only">E-mail:</label>
-        <div class="input-group">
-          <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
-          <input type="text" id="inputUsername" class="form-control" placeholder="E-mail" required="" autofocus="" ng-model="login.credentials.username">
-        </div>
+<section role="main" class="section-gray">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-8 col-sm-offset-2">
+        <form name="loginForm" ng-submit="login.login(login.credentials)">
+          <div class="form-group">
+            <label for="inputUsername" class="sr-only">E-mail:</label>
+            <div class="input-group">
+              <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
+              <input type="text" id="inputUsername" class="form-control" placeholder="E-mail" required="" autofocus="" ng-model="login.credentials.username">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="inputPassword" class="sr-only">Senha:</label>
+            <div class="input-group">
+              <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
+              <input type="password" id="inputPassword" class="form-control" placeholder="Senha" required="" ng-model="login.credentials.password">
+            </div>
+          </div>
+          <div class="form-group">
+            <button class="btn btn-lg btn-primary btn-block" type="submit">Entrar</button>
+          </div>
+        </form>
       </div>
-
-      <div class="form-group">
-        <label for="inputPassword" class="sr-only">Senha:</label>
-        <div class="input-group">
-          <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
-          <input type="password" id="inputPassword" class="form-control" placeholder="Senha" required="" ng-model="login.credentials.password">
-        </div>
-      </div>
-
-      <div class="form-group">
-        <button class="btn btn-lg btn-primary btn-block" type="submit">Entrar</button>
-      </div>
-    </form>
+    </div>
   </div>
-
-</article>
+</section>
diff --git a/src/app/partials/login/login.scss b/src/app/partials/login/login.scss
new file mode 100644
index 0000000..252677d
--- /dev/null
+++ b/src/app/partials/login/login.scss
@@ -0,0 +1,50 @@
+$gray: #f1f1f1;
+
+.section-gray {
+  background-color: $gray;
+}
+
+.btn-social {
+  color: #fff;
+  font-weight: bold;
+
+  &:hover,
+  &:focus {color: #fff;}
+
+  &.btn-facebook {
+    background-color: #33477a;
+    &:hover,
+    &:focus {background-color: #304373; }
+    &:active {background-color: #33477a; }
+  }
+  &.btn-google-plus {
+    background-color: #b92d25;
+    &:hover,
+    &:focus {background-color: #b12b23; }
+    &:active {background-color: #b92d25; }
+  }
+}
+
+.glyphicon {
+  &.icon-white {
+    fill: white;
+  }
+}
+
+.separator-or {
+  border-top: 2px solid #d8d8d8;
+  text-align: center;
+  font-weight: bold;
+
+  &:after {
+    content: "ou";
+    position: absolute;
+    top: 4px;
+    left: 50%;
+    margin-left: -26px;
+    font-size: 30px;
+    line-height: 30px;
+    padding: 0 0.25em;
+    background: $gray;
+  }
+}
diff --git a/src/app/partials/login/signup.html b/src/app/partials/login/signup.html
new file mode 100644
index 0000000..3141a37
--- /dev/null
+++ b/src/app/partials/login/signup.html
@@ -0,0 +1,54 @@
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-12">
+        <h1>Cadastro</h1>
+        <p>Cadastre-se para fazer parte do Dialoga Brasil, interagir com as propostas e enviar as suas!</p>
+      </div>
+    </div>
+  </div>
+</section>
+<section role="main" class="section-gray">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-8 col-sm-offset-2">
+        <h2>Conecte-se por redes sociais</h2>
+        <div class="col-sm-6">
+          <button type="button" class="btn btn-lg btn-block btn-social btn-facebook">
+            <span class="glyphicon icon-facebook icon-white" aria-hidden="true">
+              <!-- Facebook -->
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M18 32L12 32 12 16l-4 0 0-5.5 4 0 0-3.2C12 2.7 13.2 0 18.5 0l4.4 0 0 5.5 -2.8 0c-2.1 0-2.2 0.8-2.2 2.2l0 2.8 5 0 -0.6 5.5L18 16 18 32z"/></svg>
+
+              <!-- Twitter -->
+              <!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M32 6.1c-1.2 0.5-2.4 0.9-3.8 1 1.4-0.8 2.4-2.1 2.9-3.6 -1.3 0.8-2.7 1.3-4.2 1.6 -1.2-1.3-2.9-2.1-4.8-2.1 -3.6 0-6.6 2.9-6.6 6.6 0 0.5 0.1 1 0.2 1.5 -5.5-0.3-10.3-2.9-13.5-6.9 -0.6 1-0.9 2.1-0.9 3.3 0 2.3 1.2 4.3 2.9 5.5 -1.1 0-2.1-0.3-3-0.8 0 0 0 0.1 0 0.1 0 3.2 2.3 5.8 5.3 6.4 -0.6 0.2-1.1 0.2-1.7 0.2 -0.4 0-0.8 0-1.2-0.1 0.8 2.6 3.3 4.5 6.1 4.6 -2.2 1.8-5.1 2.8-8.2 2.8 -0.5 0-1.1 0-1.6-0.1 2.9 1.9 6.4 3 10.1 3 12.1 0 18.7-10 18.7-18.7 0-0.3 0-0.6 0-0.8C30 8.5 31.1 7.4 32 6.1z"/></svg> -->
+            </span>
+            <span class="text">
+              Conectar pelo Facebook
+            </span>
+          </button>
+        </div>
+        <div class="col-sm-6">
+          <button type="button" class="btn btn-lg btn-block btn-social btn-google-plus">
+            <span class="glyphicon icon-google-plus icon-white" aria-hidden="true">
+              <!-- Google + -->
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M17.5 2c0 0-6.3 0-8.4 0C5.3 2 1.8 4.8 1.8 8.1c0 3.4 2.6 6.1 6.4 6.1 0.3 0 0.5 0 0.8 0 -0.2 0.5-0.4 1-0.4 1.6 0 0.9 0.5 1.7 1.1 2.3 -0.5 0-0.9 0-1.5 0C3.6 18.1 0 21.1 0 24.1c0 3 3.9 4.9 8.6 4.9 5.3 0 8.2-3 8.2-6 0-2.4-0.7-3.9-2.9-5.4 -0.8-0.5-2.2-1.8-2.2-2.6 0-0.9 0.3-1.3 1.6-2.4 1.4-1.1 2.4-2.6 2.4-4.4 0-2.1-0.9-4.2-2.7-4.8l2.7 0L17.5 2zM14.5 22.5c0.1 0.3 0.1 0.6 0.1 0.9 0 2.4-1.6 4.4-6.1 4.4 -3.2 0-5.5-2-5.5-4.5 0-2.4 2.9-4.4 6.1-4.4 0.8 0 1.4 0.1 2.1 0.3C12.9 20.4 14.2 21.1 14.5 22.5zM9.4 13.4c-2.2-0.1-4.2-2.4-4.6-5.2 -0.4-2.8 1.1-5 3.2-4.9 2.2 0.1 4.2 2.3 4.6 5.2C13 11.2 11.6 13.4 9.4 13.4zM26 8L26 2 24 2 24 8 18 8 18 10 24 10 24 16 26 16 26 10 32 10 32 8z"/></svg>
+            </span>
+            <span class="text">
+              Conectar pelo Google+
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-sm-8 col-sm-offset-2">
+        <hr class="separator-or"></hr>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-sm-8 col-sm-offset-2">
+        <h2>Faça o cadastro abaixo</h2>
+      </div>
+    </div>
+  </div>
+</section>
--
libgit2 0.21.2