docs: update branding (#1188)

README.md

@@ -1,19 +1,17 @@
-<p align="center">
+<p>
   <a href="https://nitro.unjs.io" target="_blank" rel="noopener noreferrer">
-    <img width="180" src="./docs/public/nitro.svg" alt="Nitro logo">
+    <img src="./docs/public/cover.png" alt="Nitro logo">
   </a>
 </p>
-<p align="center">
+<p>
   <a href="https://npmjs.com/package/nitropack"><img src="https://img.shields.io/npm/v/nitropack?style=flat&colorA=18181B&colorB=d8c449" alt="npm version"></a>
   <a href="https://npmjs.com/package/nitropack"><img src="https://img.shields.io/npm/dm/nitropack?style=flat&colorA=18181B&colorB=d8c449" alt="npm downloads"></a>
   <a href="https://github.com/unjs/nitro/blob/main/LICENSE"><img src="https://img.shields.io/github/license/unjs/nitro.svg?style=flat&colorA=18181B&colorB=d8c449" alt="License"></a>
 </p>
-<br/>
 
 # Nitro
 
-> Create, build and deploy universal web servers everywhere.
-> The open engine powering [Nuxt](https://nuxt.com) and [open to everyone](https://github.com/unjs/nitro/discussions/1015).
+Create web servers that run *anywhere*. The open engine powering [Nuxt](https://nuxt.com) and [open to everyone](https://github.com/unjs/nitro/discussions/1015).
 
 - 🐇 Rapid development with HMR
 - 😌 Provider agnostic deployments with 15+ built-in presets

docs/app.config.ts

@@ -4,7 +4,7 @@ export default defineAppConfig({
     header: {
       logo: true,
     },
-    description: "Create, build and deploy universal web servers everywhere.",
+    description: "Nitro is an open source TypeScript framework to build ultra-fast web servers. The open engine powering Nuxt and open to everyone.",
     url: "https://nitro.unjs.io",
     image: "/cover.png",
     socials: {

docs/components/global/Logo.vue

@@ -1,6 +1,16 @@
 <template>
-  <span style="overflow: hidden">
-    <img width="30" src="/nitro.svg" alt="Nitro Logo" style="display: inline" />
-    Nitro
-  </span>
+  <img src="/nitro-dark.png" alt="NitroJS Logo" class="img-dark" />
+  <img src="/nitro-light.png" alt="NitroJS Logo" class="img-light" />
 </template>
+
+<style scoped>
+img {
+  height: 36px;
+}
+.light .img-dark {
+  display: none;
+}
+.dark .img-light {
+  display: none;
+}
+</style>

docs/content/0.index.md

@@ -1,5 +1,6 @@
 ---
-title: Home
+title: Nitro - Create web servers that run anywhere.
+head.titleTemplate: ''
 navigation: false
 layout: page
 ---
@@ -21,10 +22,10 @@ snippet:
 ---
 
 #title
-Nitro
+Create web servers that run *anywhere*.
 
 #description
-Create, build and deploy universal web servers everywhere. :br
+Nitro is an open source TypeScript framework to build ultra-fast web servers. :br
 
 The open engine powering [Nuxt](https://nuxt.com) and [open to everyone](https://github.com/unjs/nitro/discussions/1015).
 ::
@@ -34,12 +35,12 @@ The open engine powering [Nuxt](https://nuxt.com) and [open to everyone](https:/
   #title
   Rapid Development
   #description
-  Zero config setup with hot module replacement for server code.
+  Zero config setup with hot module replacement for server code in development.
   ::
 
   ::card{icon=😌}
   #title
-  Deploy Everywhere
+  Deploy Anywhere
   #description
   Deploy the same codebase to any [deployment provider](/deploy) with no extra config.
   ::

docs/tokens.config.ts

@@ -2,18 +2,18 @@ import { defineTheme } from 'pinceau'
 
 export default defineTheme({
   color: {
-    // https://www.tints.dev/primary/F09043
+    // https://www.tints.dev/primary/FB848E
     primary: {
-      50: '#FDF4EC',
-      100: '#FCE9D9',
-      200: '#F9D3B3',
-      300: '#F6BD8E',
-      400: '#F3A668',
-      500: '#F09043',
-      600: '#E37012',
-      700: '#AA540E',
-      800: '#713809',
-      900: '#391C05'
+      50: "#FFF5F6",
+      100: "#FEEBED",
+      200: "#FED7DB",
+      300: "#FDBFC4",
+      400: "#FCA6AD",
+      500: "#FB848E",
+      600: "#FA6672",
+      700: "#F83445",
+      800: "#DE0719",
+      900: "#A30512",
     }
   }
 })