diff --git a/style/base/base.scss b/style/base/base.scss
index 42a150b935..9650f0d7ac 100644
--- a/style/base/base.scss
+++ b/style/base/base.scss
@@ -5,18 +5,27 @@ html {
 }
 
 body {
+    margin: 0;
     display: flex;
     flex-direction: column;
     & > footer {
         display: flex;
         justify-content: space-around;
-        margin: 100px auto 20px auto;
+        margin-top: 100px;
+        background: #fafafa;
+        padding: 80px;
+        font-weight: bold;
 
         @media (max-width: $screen-sm-min) {
             flex-direction: column;
             text-align: center;
         }
 
+        & > p {
+            display: inline-block;
+            margin: 16px 0;
+        }
+
         & > ul {
             list-style: none;
             padding: 0px;
@@ -25,16 +34,25 @@ body {
                 display: inline-block;
                 & > a {
                     display: inline-block;
-                    padding: 10px;
+                    margin: 16px;
+                    color: rgba(37,49,55,.76);
                 }
             }
         }
     }
+
     & > .top {
         order: -1;
     }
 }
 
+.footer-logo {
+    display: block;
+    margin: 0 auto;
+    height: 50px;
+    width: auto;
+}
+
 @mixin transition {
     transition: all 0.1s ease-in;
 }
@@ -43,6 +61,16 @@ body {
     min-height: 75%;
 }
 
+.container {
+    margin: 0 auto;
+}
+
+@media (min-width: 1200px) {
+    .container {
+        width: 100%;
+    }
+}
+
 #homepage {
     > .navbar-liberapay {
         background-color: transparent;
@@ -51,23 +79,64 @@ body {
             color: #222;
         }
     }
+    .container {
+        padding: 0;
+    }
     #main {
         font-size: $font-size-medium;
     }
     .section {
-        $border-color: #f6c915;
-        border-bottom: 1px solid $border-color;
-        border-image: linear-gradient(to left, #fff, $border-color, #fff) 1;
-        padding: 50px 0 70px;
+        padding: 50px 35px 70px 35px;
+        max-width: 100%;
         &.no-border {
             border: none;
         }
+        @media (max-width: $screen-sm-min) {
+            padding: 15px;
+        }
         &.jumbotron {
-            background: transparent;
+            /*background: url("https://images.unsplash.com/photo-1505015160083-00f1e35b6ab8?dpr=1&auto=format&fit=crop&w=1000&q=80&cs=tinysrgb");
+            background-repeat: no-repeat;
+            background-size: cover;
+            background-position: center;*/
+            background: #fff;
             border-radius: 0;
             margin: 0;
-            padding-top: 70px;
-            text-align: center;
+            padding: 70px;
+            text-transform: uppercase;
+            & > h2 {
+                color: #444;
+                text-align: left;
+                font-weight: bold;
+            }
+            & > p {
+                color: #ccc;
+                text-align: left;
+            }
+            & img {
+                height: 80px;
+                margin-bottom: 15px;
+                width: auto;
+            }
+            & .buttons {
+                text-transform: none;
+                text-align: left;
+            }
+            @media (max-width: $screen-sm-min) {
+                padding: 20px;
+            }
+        }
+    }
+    .sponsored-by {
+        background: #f6f6f6;
+        & > p:first-child {
+            opacity: 0.5;
+        }
+        & .s-logo {
+            opacity: 0.5;
+        }
+        & .s-logo:hover {
+            opacity: 1;
         }
     }
     h2 {
@@ -80,6 +149,14 @@ body {
             margin: 0 0.66em 0.66em 0;
         }
     }
+    .section:last-child .buttons {
+        text-align: center;
+        margin: 0 auto;
+    }
+}
+
+.grey {
+    background: #f6f6f6;
 }
 
 .homepage-pitch {
@@ -101,12 +178,8 @@ body {
     text-align: center;
 }
 
-.btn {
-    @include transition;
-}
-
 .btn-donate {
-    $base-color: #ffee16;
+    $base-color: #F6C915;
     background-color: $base-color;
     color: #1a171b;
     &:hover {
@@ -133,6 +206,11 @@ input.amount {
 
 .input-group-addon, .input-group-btn {
     width: auto !important;
+    border-radius: 0;
+}
+
+.input-group-btn .btn:hover {
+    box-shadow: none;
 }
 
 .input-group select.form-control {
@@ -183,6 +261,10 @@ img.account-type {
     height: 32px;
 }
 
+.panel {
+    border-radius: 0;
+}
+
 .panel-body {
     .avatar-col {
         float: left;
@@ -200,7 +282,7 @@ img.account-type {
     text-align: center;
     .avatar-cutter-120 {
         border: 4px solid $gray-lighter;
-        border-radius: 20%;
+        border-radius: 50%;
         box-sizing: content-box;
         display: inline-block;
     }
@@ -347,7 +429,7 @@ input.search {
     width: 104px;
     .avatar-cutter-98 {
         border: 3px solid $gray-lighter;
-        border-radius: 20%;
+        border-radius: 50%;
         box-sizing: content-box;
         display: block;
     }
@@ -431,6 +513,25 @@ ul.emails {
     margin-bottom: 0.33em;
 }
 
+a {
+    text-decoration: none;
+    border-bottom: 2px solid #eee;
+    -webkit-transition: all 0.15s ease;
+    -moz-transition: all 0.15s ease;
+    -ms-transition: all 0.15s ease;
+    -o-transition: all 0.15s ease;
+    transition: all 0.15s ease;
+}
+
+a:hover {
+    text-decoration: none;
+    border-bottom: 2px solid #23527c;
+}
+
+a:focus {
+    text-decoration: none;
+}
+
 h2, h3, h4, h5, h6 {
     &:target {
         background-color: rgba(yellow, 0.2);
@@ -487,6 +588,11 @@ section.invoice-details {
     }
 }
 
+pre {
+    border-radius: 0;
+    background: #f6f8fa;
+}
+
 .notification {
     padding: 14px;
     text-align: center;
@@ -759,6 +865,11 @@ table.team {
     }
 }
 
+.form-control {
+    height: 38px;
+    border-radius: 0;
+}
+
 .table td > form > input.form-control {
     height: 30px;
     margin: -7px 0;
@@ -779,6 +890,27 @@ p.event {
     margin-bottom: 5px;
 }
 
+a.btn, .btn {
+    border: 2px solid rgba(0, 0, 0, 0);
+    border-radius: 0;
+    transition: all .15s ease;
+    &:hover {
+        box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
+    }
+}
+
+a.btn.btn-default, .btn.btn-default {
+    border: 2px solid #eee;
+    &:hover {
+        border: 2px solid #adadad;
+        box-shadow: none;
+    }
+}
+
+a.liberapay-btn {
+    border-bottom: 0;
+}
+
 .glyphicon + span {
     margin-left: 2px;
 }
@@ -933,9 +1065,18 @@ span.help-title {
 .s-logo {
     display: block;
     margin: 1.5em 0;
+    border-bottom: 0;
     & > img {
+        -webkit-filter: grayscale(1);
+        -webkit-filter: grayscale(100%);
+        filter: gray;
+        filter: grayscale(100%);
         max-width: 100%;
     }
+
+    &:hover {
+        border-bottom: 0;
+    }
 }
 
 @media (min-width: $screen-sm-min) {
diff --git a/style/base/cards.scss b/style/base/cards.scss
index c77d23aec3..861a0736ce 100644
--- a/style/base/cards.scss
+++ b/style/base/cards.scss
@@ -2,13 +2,13 @@
 .card {
     border-radius: 0.5em;
     display: block;
-    margin-bottom: 0.5em;
-    padding: 0.5em;
+    margin-bottom: 1em;
+    padding: 2em;
     text-align: center;
     vertical-align: top;
 }
 .card-default {
-    border: 1px solid $panel-default-border;
+    border: 2px solid #eee;
 }
 .card-primary {
     border: 1px solid $panel-primary-border;
diff --git a/style/base/navbar.scss b/style/base/navbar.scss
index a913ea4457..f2ef435e39 100644
--- a/style/base/navbar.scss
+++ b/style/base/navbar.scss
@@ -8,8 +8,8 @@
 }
 
 .navbar-liberapay {
-    background: #f6c915;
     border: none;
+    border-bottom: 2px solid #eee;
     color: #222;
 
     .navbar-nav li {
@@ -18,8 +18,7 @@
             border: none;
             color: inherit;
             &:hover, &:active, &:focus {
-                background: #444;
-                color: #f9f9f9;
+                background: #eee;
                 img {
                     background: #f9f9f9;
                 }
@@ -51,7 +50,7 @@
             padding: $navbar-padding-vertical $navbar-padding-horizontal;
         }
         .dropdown-menu {
-            background-color: #f6c915;
+            background-color: #fff;
             border: none;
             border-radius: 0;
             position: absolute;
@@ -93,7 +92,7 @@
 }
 
 .navbar .avatar-cutter-28 {
-    border-radius: 2px;
+    border-radius: 50%;
     display: inline-block;
     margin: -8px 2px -8px 0;
 }
@@ -134,7 +133,7 @@
         }
     }
     .navbar-collapse > .navbar-nav {
-        background-color: #f6c915;
+        //background-color: #f6c915;
         color: #222;
         > li .dropdown-menu {
             position: static;
diff --git a/templates/base.html b/templates/base.html
index 3d0eec35e0..6097124181 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -107,7 +107,8 @@ <h1 class="{{ 'hidden-xs hidden-sm' if subhead }}">{{ title }}</h1>
         </div>
     </div>
 
-    <footer class="container" role="navigation">
+    <footer role="navigation">
+        <p>CC0 Liberapay</p>
         <ul>
             <li><a href="/about/">{{ _("About") }}</a></li>
             <li><a href="/about/contact">{{ _("Contact Us") }}</a></li>
@@ -121,6 +122,7 @@ <h1 class="{{ 'hidden-xs hidden-sm' if subhead }}">{{ title }}</h1>
             <li><a href="https://twitter.com/liberapay">Twitter</a></li>
             <li><a href="https://www.facebook.com/Liberapay-472128142945598/">Facebook</a></li>
         </ul>
+        <img class="footer-logo" src="https://upload.wikimedia.org/wikipedia/commons/2/27/Liberapay_logo_v2_white-on-yellow.svg">
     </footer>
 
 <script src="{{ website.asset('jquery.min.js') }}"></script>
diff --git a/templates/buttons.html b/templates/buttons.html
index 5f3361b6bd..70cbdc0204 100644
--- a/templates/buttons.html
+++ b/templates/buttons.html
@@ -1,6 +1,6 @@
 % from "templates/icons.html" import glyphicon
 
-% macro find_donees(base_cls='btn btn-primary', extra_cls='btn-lg')
+% macro find_donees(base_cls='btn btn-default', extra_cls='btn-lg')
     <a class="{{ base_cls }} {{ extra_cls }}" href="/explore/"
        data-toggle="tooltip" data-placement="bottom"
        title="{{ _('Find great people to donate to') }}">
diff --git a/www/%username/edit.spt b/www/%username/edit.spt
index e675823098..7ac10da138 100644
--- a/www/%username/edit.spt
+++ b/www/%username/edit.spt
@@ -91,7 +91,7 @@ title = _username
                    maxlength="{{ constants.USERNAME_MAX_SIZE }}"
                    placeholder="{{ _('Username') }}"/>
             <div class="input-group-btn">
-                <button class="btn btn-{{ 'warning' if _username else 'success' }}">{{
+                <button class="btn btn-{{ 'warning' if _username else 'default' }}">{{
                     _("Modify" if _username else "Go")
                 }}</button>
             </div>
@@ -137,7 +137,7 @@ title = _username
     </div>
     % endif
 
-    <button class="save btn btn-success">{{ _("Save") }}</button>
+    <button class="save btn btn-default">{{ _("Save") }}</button>
 </form>
 
 <h3 class="banderole default" id="goal">{{ _("Goal") }}</h3>
@@ -180,7 +180,7 @@ title = _username
         % endif
     </div>
 
-    <button class="save btn btn-success">{{ _("Save") }}</button>
+    <button class="save btn btn-default">{{ _("Save") }}</button>
 </form>
 
         <h3 class="banderole default" id="statement">{{ _("Statement") }}</h3>
@@ -205,7 +205,7 @@ title = _username
                 <p>{{ excerpt_intro(rendered_stmt) }}</p>
                 <hr>
                 <button class="btn btn-default">{{ _("Edit") }}</button>
-                <button class="btn btn-success" name="save" value="true">{{ _("Save") }}</button>
+                <button class="btn btn-default" name="save" value="true">{{ _("Save") }}</button>
             </form>
 
         % else
@@ -247,7 +247,7 @@ title = _username
                 </div>
 
                 <button class="preview btn btn-default" name="preview" value="true">{{ _("Preview") }}</button>
-                <button class="save btn btn-success" name="save" value="true">{{ _("Save") }}</button>
+                <button class="save btn btn-default" name="save" value="true">{{ _("Save") }}</button>
             </form>
 
             <br>
@@ -310,7 +310,7 @@ title = _username
                    type="email" size=30
                    placeholder="{{ participant.email or participant.get_any_email() or '' }}"
                    value="{{ participant.avatar_email or '' }}" />
-            <button class="save btn btn-success">{{ _("Save") }}</button>
+            <button class="save btn btn-default">{{ _("Save") }}</button>
         </div>
     </form>
 
diff --git a/www/%username/settings/close.spt b/www/%username/settings/close.spt
index 05f7d8181a..0f0bebe697 100644
--- a/www/%username/settings/close.spt
+++ b/www/%username/settings/close.spt
@@ -89,6 +89,7 @@ subhead = participant.username
 
         % endif
 
+        <p class="alert alert-danger">{{ _("Danger zone") }}</p>
 
         <h3>{{ _("Personal Information") }}</h3>
 
diff --git a/www/%username/settings/index.html.spt b/www/%username/settings/index.html.spt
index 7cf1531099..73304b2c3d 100644
--- a/www/%username/settings/index.html.spt
+++ b/www/%username/settings/index.html.spt
@@ -32,8 +32,9 @@ is_a_person = participant.kind not in ('group', 'community')
         <h3 id="privacy">{{ _("Privacy") }}</h3>
         % from "templates/privacy-form.html" import privacy_form with context
         {{ privacy_form(participant) }}
-
+        <hr>
         <div>
+            <p class="alert alert-danger">{{ _("Danger zone") }}</p>
             <h3>{{ _("Close") }}</h3>
             <a class="btn btn-default" href="{{ participant.path('settings/close') }}">{{ _("Close Account") }}</a>
         </div>
diff --git a/www/about/faq.spt b/www/about/faq.spt
index e3ab986a85..10e867f712 100644
--- a/www/about/faq.spt
+++ b/www/about/faq.spt
@@ -133,7 +133,7 @@ title = _("Frequently Asked Questions")
     <dd>
     {{ _(
         "There are no restrictions on the total amount you can give or receive, "
-        "but for legal reasons you will need to provide identity documents if "
+        "but for legal reasons, you will need to provide identity documents if "
         "you give more than {0}, or receive more than {1}, per year."
         , constants.KYC_PAYIN_YEARLY_THRESHOLD
         , constants.KYC_PAYOUT_YEARLY_THRESHOLD
diff --git a/www/about/security.spt b/www/about/security.spt
index cb6647a50d..701993c70a 100644
--- a/www/about/security.spt
+++ b/www/about/security.spt
@@ -79,7 +79,7 @@ title = _("Security")
 % block content
 
     <p>If you have found a security issue, and it's not <a href="https://github.com/liberapay/liberapay.com/issues?q=is%3Aissue+is%3Aopen+label%3ASelf-defense">already known</a>, then please send a report to <a data-email-reveal="admin&amp;#64;liberapay.com">[click to see email address]</a>.</p>
-
+    
     <h3>Policy</h3>
 
     <p>We will investigate legitimate reports and make every effort to quickly resolve any vulnerability. To encourage responsible reporting, we will not take legal action against you nor ask law enforcement to investigate you provided you make a good faith effort to <b>avoid causing harm to us, our users, and anyone else</b>. This includes avoiding privacy violations, destruction of data, and interruption or degradation of services.</li>
diff --git a/www/about/teams.spt b/www/about/teams.spt
index afc5cf16be..6aca8a8a4e 100644
--- a/www/about/teams.spt
+++ b/www/about/teams.spt
@@ -69,7 +69,7 @@ title = _("Teams")
 ) }}</p>
 
 <p>{{ _(
-    "You can change your takes from {0}your teams dashboard{1}. It contains "
+    "You can change your takes on {0}your team's dashboard{1}. It contains "
     "tables that show the nominal takes of all members for the next and "
     "previous payday, as well as an estimate of the actual amounts of money "
     "they'll receive in the next payday.",
@@ -81,7 +81,7 @@ title = _("Teams")
     "The nominal takes are the raw numbers that the members input themselves, "
     "the actual takes are computed by the system: first it sums up the nominal "
     "takes, then it computes the percentage that each take represents, and "
-    "finally it applies those percentages to the available income. Nominal "
+    "finally, it applies those percentages to the available income. Nominal "
     "takes also act as maximums: the actual takes are never higher than the "
     "nominal ones, even if additional income is available."
 ) }}</p>
@@ -96,7 +96,7 @@ title = _("Teams")
     "the income of the other members. Thirdly, it allows our software to adjust "
     "the amounts that donors actually transfer to the team's members, in a way "
     "that balances the donors' contributions over time, thus making the system "
-    "more fair. Finally, it encourages donating to a team even if it has "
+    "fairer. Finally, it encourages donating to a team even if it has "
     "already reached its funding goal, which is good for the stability of the "
     "team's income."
 ) }}</p>
@@ -129,7 +129,7 @@ title = _("Teams")
 <h3>{{ _("Removing team membership") }}</h3>
 
 <p>{{ _(
-    "You can leave a team from {0}your teams dashboard{1}.",
+    "You can leave a team from {0}your team's dashboard{1}.",
     '<a href="/about/me/receiving/#teams">'|safe,
     '</a>'|safe
 ) }}</p>
diff --git a/www/index.html.spt b/www/index.html.spt
index 5732bc1187..4391f757ca 100644
--- a/www/index.html.spt
+++ b/www/index.html.spt
@@ -70,27 +70,39 @@ recent = query_cache.one("""
 
     <div class="jumbotron section">
     <p><img src="{{ website.asset('liberapay/icon-v2_yellow-r.svg') }}" height=100 width=100 /></p>
-    <p>{{ _("Liberapay is a recurrent donations platform.") }}</p>
-    <p>{{ _("We help you fund the creators and projects you appreciate.") }}</p>
+    <h2>{{ _("Liberapay is a recurrent donations platform") }}</h2>
+    <p>{{ _("We help you fund the creators and projects you appreciate") }}</p>
+    <div class="buttons"><a class="btn btn-default btn-lg" href="/sign-up">
+        <span>{{ _("Create an account") }} &rarr;</span>
+    </a></div>
+    </div>
+
+    <div class="section text-center sponsored-by">
+        <p>{{ _("Sponsored by") }}</p>
+        <p>
+        <a href="https://sentry.io/" class="s-logo"><img alt="Sentry" src="{{ website.asset('sponsors/sentry.png') }}" /></a>
+        <a href="https://weblate.org/" class="s-logo"><img alt="Weblate" src="{{ website.asset('sponsors/weblate.png') }}" height=40 /></a>
+        <a href="https://bitwarden.com/" class="s-logo"><img alt="Bitwarden" src="{{ website.asset('sponsors/bitwarden.png') }}" /></a>
+        </p>
     </div>
 
     <div class="row section">
     <div class="col-md-6">
-        <h2 class="text-primary">{{ _("Donate") }}</h2>
+        <h2>🎉 {{ _("Donate") }}</h2>
         % include "templates/pitch-donors.html"
         % from "templates/buttons.html" import find_donees with context
         <div class="buttons">{{ find_donees() }}</div>
     </div>
 
     <div class="col-md-6">
-        <h2 class="text-success">{{ _("Receive") }}</h2>
+        <h2>💰 {{ _("Receive") }}</h2>
 
         % if user.ANON
 
             <p>{{ _("Are you a creator of commons? Do you make free art, spread free knowledge, write free software?") }}</p>
             <p>{{ _("Yes? Then Liberapay is for you! Create your account, fill your profile, and ask your audience to financially support your work.") }}</p>
             <div class="buttons"><a class="btn btn-success btn-lg" href="/sign-up">
-                {{ glyphicon('log-in') }} <span>{{ _("Create your account") }}</span>
+                <span>{{ _("Create an account") }}</span>
             </a></div>
 
         % else
@@ -123,7 +135,7 @@ recent = query_cache.one("""
     </div>
     </div>
 
-    <div class="section">
+    <div class="section grey">
         <h2 class="text-info">{{ _("How it works for donors") }}</h2>
         <dl class="row homepage-pitch">
             <div class="col-sm-4">
@@ -196,11 +208,11 @@ recent = query_cache.one("""
             </div>
         </dl>
         <p class="text-center"><br><a class="btn btn-success btn-lg" href="/sign-up">
-            {{ glyphicon('log-in') }} <span>{{ _("Create your account") }}</span>
+            <span>{{ _("Create an account") }}</span>
         </a></p>
     </div>
 
-    <div class="section text-center">
+    <div class="section text-center grey">
         <h2>{{ _("How it works internally") }}</h2>
         <p>{{ _(
             "Liberapay is run transparently by a {1}non-profit organization{0}, "
@@ -218,7 +230,7 @@ recent = query_cache.one("""
               >{{ glyphicon('thumbs-up') }} <span>{{ _("Fund Liberapay") }}</span></a></p>
     </div>
 
-    <div class="section">
+    <div class="section text-center">
         <h2>{{ _("Sponsors") }}</h2>
         <p>{{ _(
             "Donations from businesses and nonprofits are welcome on Liberapay. If "
@@ -247,18 +259,7 @@ recent = query_cache.one("""
         % endif
     </div>
 
-    <div class="section text-center">
-        <h2>{{ _("Thanks") }}</h2>
-        <p>{{ _("Liberapay benefits from sponsored accounts on the following open source services:") }}</p>
-        <p>
-        <a href="https://sentry.io/" class="s-logo"><img alt="Sentry" src="{{ website.asset('sponsors/sentry.png') }}" /></a>
-        <a href="https://weblate.org/" class="s-logo"><img alt="Weblate" src="{{ website.asset('sponsors/weblate.png') }}" height=40 /></a>
-        </p><p>
-        <a href="https://bitwarden.com/" class="s-logo"><img alt="Bitwarden" src="{{ website.asset('sponsors/bitwarden.png') }}" /></a>
-        </p>
-    </div>
-
-    <div class="section">
+    <div class="section text-center grey">
         <h2>{{ _("Recent Activity") }}</h2>
         % if recent.n_users > 1
         <p>{{ glyphicon('user') }} <span>{{ ngettext(
@@ -292,17 +293,15 @@ recent = query_cache.one("""
             n=recent.newest_payday_nactive,
         ) }}</span></p>
         % endif
-        <p><a href="/about/stats" class="btn btn-info">{{ glyphicon('stats') }} <span>{{ _("More stats") }}</span></a></p>
+        <p><a href="/about/stats" class="btn btn-default">{{ glyphicon('stats') }} <span>{{ _("More stats") }}</span></a></p>
     </div>
 
     <div class="section no-border">
-        <h2></h2>
         <p class="buttons">
-            <a class="btn btn-info btn-lg" href="/about/">
+            <a class="btn btn-default btn-lg" href="/about/">
                 {{ glyphicon('info-sign') }} <span>{{ _("Learn more") }}</span>
             </a>
-            <br>
-            <a class="btn btn-info btn-lg" href="/about/feeds">
+            <a class="btn btn-default btn-lg" href="/about/feeds">
                 {{ fontawesome('feed') }} <span>{{ _("Follow us") }}</span>
             </a>
         </p>