docs: add paper logo (#378)

README.md

@@ -1,4 +1,11 @@
-# React Native Paper
+<p align="center">
+  <img alt="react-native-paper" src="docs/assets/images/paper-color.png" width="300">
+</p>
+<p align="center">
+  Material design for React Native.
+</p>
+
+---
 
 [![Build Status][build-badge]][build]
 [![Version][version-badge]][package]
@@ -6,8 +13,6 @@
 [![PRs Welcome][prs-welcome-badge]][prs-welcome]
 [![Chat][chat-badge]][chat]
 
-Material design for React Native.
-
 ## Features
 
 - Follows [material design guidelines](https://material.io/guidelines/)

docs/pages/src/Home.js

@@ -10,7 +10,11 @@ export default class Home extends React.Component<{}> {
     return (
       <div {...styles(container)}>
         <div {...styles(cover)}>
-          <h1 {...styles(title)}>React Native Paper</h1>
+          <img
+            {...styles(logo)}
+            src="images/paper-color.png"
+            alt="React Native Paper"
+          />
           <p>Cross-platform Material Design for React Native</p>
           <div {...styles(buttons)}>
             <Link {...styles(button, primary)} to="getting-started.html">
@@ -59,6 +63,11 @@ export default class Home extends React.Component<{}> {
   }
 }
 
+const logo = css`
+  max-height: 125px;
+  width: auto;
+`;
+
 const elevated = css`
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.24);
 `;
@@ -76,10 +85,7 @@ const cover = css`
   justify-content: center;
   min-height: 80vh;
   padding: 32px;
-`;
-
-const title = css`
-  font-size: 48px;
+  text-align: center;
 `;
 
 const buttons = css`