Merge pull request #553 from rust-lang/larger-text

Improve consistency and bump text size.

Author: ashleygwilliams

src/styles/app.scss

@@ -9,6 +9,16 @@ $green: #398277;
 $purple: #403D58;
 $yellow: #FFD45E;
 
+html {
+  font-size: 62.5%
+}
+
+@media screen and (min-width: 30em) {
+  html {
+    font-size: 75%;
+  }
+}
+
 body {
   font-family: $body-font;
   background-color: white;
@@ -49,7 +59,7 @@ header h1, section h2 {
 }
 
 header h1 {
-  font-size: 10rem;
+  font-size: 8rem;
   margin-bottom: 0;
   margin-top: 0;
 }
@@ -61,7 +71,7 @@ header .button.button-primary.button-download {
   width: 100%;
   padding: 20px;
   height: auto;
-  font-size: 2em;
+  font-size: 2.25rem;
   margin-top: 20px;
 }
 
@@ -261,7 +271,7 @@ a.brand {
 
 h3 {
   font-weight: 800; 
-  font-size: 1.8em;
+  font-size: 1.5em;
   letter-spacing: normal;
 }
 
@@ -345,10 +355,6 @@ blockquote::before {
   text-align: right;
 }
 
-.production p {
-  font-size: 3rem;
-}
-
 .production .button.button-secondary {
   margin-top: 30px;
   display: block;

templates/governance/index.hbs

@@ -3,7 +3,7 @@
 <header class="mt3 mt2-ns mb4 mb5-ns tc tl-ns">
   <div class="w-100 mw-none ph3 mw8-m mw9-l center f3">
     <h1>Governance</h1>
-    <h2 class="subtitle">How Rust is built by its community</h2>
+    <h2 class="f2 f1-ns mt0">How Rust is built by its community</h2>
   </div>
 </header>
 

templates/panels/production.hbs

@@ -1,11 +1,11 @@
 <section class="white production">
-  <div class="w-100 mw-none ph3 mw8-m mw9-l center f3">
+  <div class="w-100 mw-none ph3 mw8-m mw9-l center">
     <header>
       <h2>Rust in production</h2>
       <div class="highlight"></div>
     </header>
     <div class="description">
-      <p>
+      <p class="lh-copy f2">
         Hundreds of companies around the world are using Rust in production
         today for fast, low resource, cross-platform solutions. Software you know
         and love, like <a href="https://hacks.mozilla.org/2017/08/inside-a-super-fast-css-engine-quantum-css-aka-stylo/" target="_blank" rel="noopener">Firefox</a>, <a href="https://blogs.dropbox.com/tech/2016/06/lossless-compression-with-brotli/" target="_blank" rel="noopener">Dropbox</a>, and <a href="https://blog.cloudflare.com/cloudflare-workers-as-a-serverless-rust-platform/" target="_blank" rel="noopener">Cloudflare</a>, uses Rust. <strong>From startups to large
@@ -15,7 +15,7 @@
     <div class="testimonials">
       <div class="testimonial row">
         <div class="eight columns" id="chucklefish-testimonial">
-          <blockquote>
+          <blockquote class="lh-title-ns">
             Rust is one of the few languages that really gives you a large amount of confidence that your parallel and
             concurrent code is anywhere near correct.
           </blockquote>