Typography

Author: avivace

pages/.vuepress/theme/components/Navbar.vue

@@ -17,7 +17,9 @@
         class="site-name"
         v-if="$siteTitle"
         :class="{ 'can-hide': $site.themeConfig.logo }"
-      >{{ $siteTitle }}</span>
+      ></span>
+      <span class="logo">CoderBot</span>
+<span class="subtitle">documentazione</span>
     </router-link>
 
     <div
@@ -100,7 +102,7 @@ $navbar-horizontal-padding = 1.5rem
     margin-right 0.8rem
     vertical-align top
   .site-name
-    font-size 1.3rem
+    font-size 1.6rem
     font-weight 600
     color $textColor
     position relative

pages/.vuepress/theme/layouts/Layout.vue

@@ -49,6 +49,8 @@
 
 <script>
 import 'typeface-overpass-mono'
+import 'typeface-nunito'
+import 'typeface-roboto-mono'
 
 import Home from '../components/Home.vue'
 import Navbar from '../components/Navbar.vue'

pages/.vuepress/theme/styles/code.styl

@@ -1,9 +1,10 @@
 .content
   code
+    font-weight 500
     color lighten($textColor, 20%)
     padding 0.25rem 0.5rem
     margin 0
-    font-size 0.85em
+    font-size 0.90em
     background-color rgba(27,31,35,0.05)
     border-radius 3px
     .token

pages/.vuepress/theme/styles/theme.styl

@@ -10,12 +10,33 @@ html, body
   background-color #fff
 
 body
-  font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
+  font-family "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
   -webkit-font-smoothing antialiased
   -moz-osx-font-smoothing grayscale
-  font-size 16px
+  font-size 17px
   color $textColor
 
+.logo {
+    font-size: 2rem;
+    font-family: 'Overpass Mono';
+    font-weight: 600;
+    letter-spacing: -3px;
+    background-color: #070300;
+    color: transparent;
+    text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.25);
+    -webkit-background-clip: text;
+    -moz-background-clip: text;
+    background-clip: text;
+}
+.subtitle {
+    color: #606266;
+    font-size: 1.5rem;
+    //font-family: 'Overpass Mono';
+    font-weight: 400;
+    letter-spacing: -1px;
+    margin-top: -20px;
+}
+
 .page
   padding-left $sidebarWidth
 
@@ -140,7 +161,7 @@ a.header-anchor
     text-decoration none
 
 code, kbd, .line-number
-  font-family source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
+  font-family "Roboto Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
 
 p, ul, ol
   line-height 1.7