diff --git a/assets/bitmap/verdaccio-banner.png b/assets/bitmap/banner-background/verdaccio-banner.png
similarity index 100%
rename from assets/bitmap/verdaccio-banner.png
rename to assets/bitmap/banner-background/verdaccio-banner.png
diff --git a/assets/bitmap/verdaccio-banner@2x.png b/assets/bitmap/banner-background/verdaccio-banner@2x.png
similarity index 100%
rename from assets/bitmap/verdaccio-banner@2x.png
rename to assets/bitmap/banner-background/verdaccio-banner@2x.png
diff --git a/assets/bitmap/verdaccio-banner@3x.png b/assets/bitmap/banner-background/verdaccio-banner@3x.png
similarity index 100%
rename from assets/bitmap/verdaccio-banner@3x.png
rename to assets/bitmap/banner-background/verdaccio-banner@3x.png
diff --git a/assets/bitmap/verdaccio.png b/assets/bitmap/banner-background/verdaccio.png
similarity index 100%
rename from assets/bitmap/verdaccio.png
rename to assets/bitmap/banner-background/verdaccio.png
diff --git a/assets/bitmap/verdaccio@2x.png b/assets/bitmap/banner-background/verdaccio@2x.png
similarity index 100%
rename from assets/bitmap/verdaccio@2x.png
rename to assets/bitmap/banner-background/verdaccio@2x.png
diff --git a/assets/bitmap/verdaccio@3x.png b/assets/bitmap/banner-background/verdaccio@3x.png
similarity index 100%
rename from assets/bitmap/verdaccio@3x.png
rename to assets/bitmap/banner-background/verdaccio@3x.png
diff --git a/assets/bitmap/banner-transparent-background/verdaccio.png b/assets/bitmap/banner-transparent-background/verdaccio.png
new file mode 100644
index 000000000..0455cf854
Binary files /dev/null and b/assets/bitmap/banner-transparent-background/verdaccio.png differ
diff --git a/assets/bitmap/banner-transparent-background/verdaccio@2x.png b/assets/bitmap/banner-transparent-background/verdaccio@2x.png
new file mode 100644
index 000000000..86986e179
Binary files /dev/null and b/assets/bitmap/banner-transparent-background/verdaccio@2x.png differ
diff --git a/assets/bitmap/banner-transparent-background/verdaccio@3x.png b/assets/bitmap/banner-transparent-background/verdaccio@3x.png
new file mode 100644
index 000000000..c7f53983d
Binary files /dev/null and b/assets/bitmap/banner-transparent-background/verdaccio@3x.png differ
diff --git a/assets/bitmap/verdaccio-tiny.png b/assets/bitmap/logo-background/verdaccio-tiny.png
similarity index 100%
rename from assets/bitmap/verdaccio-tiny.png
rename to assets/bitmap/logo-background/verdaccio-tiny.png
diff --git a/assets/bitmap/verdaccio-tiny@2x.png b/assets/bitmap/logo-background/verdaccio-tiny@2x.png
similarity index 100%
rename from assets/bitmap/verdaccio-tiny@2x.png
rename to assets/bitmap/logo-background/verdaccio-tiny@2x.png
diff --git a/assets/bitmap/verdaccio-tiny@3x.png b/assets/bitmap/logo-background/verdaccio-tiny@3x.png
similarity index 100%
rename from assets/bitmap/verdaccio-tiny@3x.png
rename to assets/bitmap/logo-background/verdaccio-tiny@3x.png
diff --git a/assets/bitmap/verdaccio-blackwhite.png b/assets/bitmap/logo-black-white/verdaccio-blackwhite.png
similarity index 100%
rename from assets/bitmap/verdaccio-blackwhite.png
rename to assets/bitmap/logo-black-white/verdaccio-blackwhite.png
diff --git a/assets/bitmap/verdaccio-blackwhite@2x.png b/assets/bitmap/logo-black-white/verdaccio-blackwhite@2x.png
similarity index 100%
rename from assets/bitmap/verdaccio-blackwhite@2x.png
rename to assets/bitmap/logo-black-white/verdaccio-blackwhite@2x.png
diff --git a/assets/bitmap/verdaccio-blackwhite@3x.png b/assets/bitmap/logo-black-white/verdaccio-blackwhite@3x.png
similarity index 100%
rename from assets/bitmap/verdaccio-blackwhite@3x.png
rename to assets/bitmap/logo-black-white/verdaccio-blackwhite@3x.png
diff --git a/assets/bitmap/logo-small-header-bottom.png b/assets/bitmap/logo-name-bakground/logo-small-header-bottom.png
similarity index 100%
rename from assets/bitmap/logo-small-header-bottom.png
rename to assets/bitmap/logo-name-bakground/logo-small-header-bottom.png
diff --git a/assets/bitmap/logo-small-header-bottom@2x.png b/assets/bitmap/logo-name-bakground/logo-small-header-bottom@2x.png
similarity index 100%
rename from assets/bitmap/logo-small-header-bottom@2x.png
rename to assets/bitmap/logo-name-bakground/logo-small-header-bottom@2x.png
diff --git a/assets/bitmap/logo-small-header-bottom@3x.png b/assets/bitmap/logo-name-bakground/logo-small-header-bottom@3x.png
similarity index 100%
rename from assets/bitmap/logo-small-header-bottom@3x.png
rename to assets/bitmap/logo-name-bakground/logo-small-header-bottom@3x.png
diff --git a/assets/bitmap/logo/logo-twitter-white-background.png b/assets/bitmap/logo-transparent/logo-twitter-white-background.png
similarity index 100%
rename from assets/bitmap/logo/logo-twitter-white-background.png
rename to assets/bitmap/logo-transparent/logo-twitter-white-background.png
diff --git a/assets/bitmap/logo/logo-twitter.png b/assets/bitmap/logo-transparent/logo-twitter.png
similarity index 100%
rename from assets/bitmap/logo/logo-twitter.png
rename to assets/bitmap/logo-transparent/logo-twitter.png
diff --git a/assets/bitmap/verdaccio.github.io.png b/assets/bitmap/social-banner/verdaccio.github.io.png
similarity index 100%
rename from assets/bitmap/verdaccio.github.io.png
rename to assets/bitmap/social-banner/verdaccio.github.io.png
diff --git a/assets/bitmap/verdaccio.github.io@2x.png b/assets/bitmap/social-banner/verdaccio.github.io@2x.png
similarity index 100%
rename from assets/bitmap/verdaccio.github.io@2x.png
rename to assets/bitmap/social-banner/verdaccio.github.io@2x.png
diff --git a/assets/bitmap/verdaccio.github.io@3x.png b/assets/bitmap/social-banner/verdaccio.github.io@3x.png
similarity index 100%
rename from assets/bitmap/verdaccio.github.io@3x.png
rename to assets/bitmap/social-banner/verdaccio.github.io@3x.png
diff --git a/assets/bitmap/twitter/github-template.png b/assets/bitmap/twitter/github-template.png
new file mode 100644
index 000000000..c9584f4fa
Binary files /dev/null and b/assets/bitmap/twitter/github-template.png differ
diff --git a/assets/bitmap/twitter/twitter-header-text.png b/assets/bitmap/twitter/twitter-header-text.png
deleted file mode 100644
index be31be6d8..000000000
Binary files a/assets/bitmap/twitter/twitter-header-text.png and /dev/null differ
diff --git a/assets/bitmap/twitter/twitter-social-banner-tittle-light.png b/assets/bitmap/twitter/twitter-social-banner-tittle-light.png
new file mode 100644
index 000000000..bea5c7cc4
Binary files /dev/null and b/assets/bitmap/twitter/twitter-social-banner-tittle-light.png differ
diff --git a/assets/bitmap/twitter/twitter-social-banner-tittle.png b/assets/bitmap/twitter/twitter-social-banner-tittle.png
new file mode 100644
index 000000000..6cf94450c
Binary files /dev/null and b/assets/bitmap/twitter/twitter-social-banner-tittle.png differ
diff --git a/assets/bitmap/twitter/twitter-social-banner.png b/assets/bitmap/twitter/twitter-social-banner.png
new file mode 100644
index 000000000..6cd93fba5
Binary files /dev/null and b/assets/bitmap/twitter/twitter-social-banner.png differ
diff --git a/assets/verdaccio-logo-Full.svg b/assets/svg/Logo-Full.svg
similarity index 70%
rename from assets/verdaccio-logo-Full.svg
rename to assets/svg/Logo-Full.svg
index b24d040f8..3b9e61392 100644
--- a/assets/verdaccio-logo-Full.svg
+++ b/assets/svg/Logo-Full.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="301px" height="100px" viewBox="0 0 301 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 55 (78076) - https://sketchapp.com -->
     <title>Logo-Full</title>
     <desc>Created with Sketch.</desc>
     <defs>
@@ -18,33 +18,26 @@
             <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
             <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0906646286 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <polygon id="path-5" points="32.8 48 24 48 0.4 0.8 15.6 0.8 35.9772662 41.6908081"></polygon>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Verdaccio">
-            <rect id="BG" fill="#F7F8F6" x="0" y="0" width="301" height="100" rx="37"></rect>
-            <g id="Group-2" transform="translate(27.000000, 22.000000)">
-                <g id="Group-2-Copy" transform="translate(65.200000, 0.400000)" font-weight="300" font-size="42.4" font-family="OpenSans-LightItalic, Open Sans" fill="#405236" font-style="italic">
+        <g id="verdaccio">
+            <g id="Group-2" transform="translate(27.000000, 19.000000)">
+                <g id="Group-2-Copy" transform="translate(81.200000, 0.400000)" fill="#405236" font-family="OpenSansLight-Italic, Open Sans" font-size="42.4" font-style="italic" font-weight="300">
                     <text id="Verdaccio">
-                        <tspan x="16" y="45">Verdaccio</tspan>
+                        <tspan x="0" y="45">Verdaccio</tspan>
                     </text>
                 </g>
-                <path d="M66,27 L66,33.596969" id="Line-2" stroke="#0F5200" stroke-width="1.6" opacity="0.101109601" stroke-linecap="square"></path>
-                <g id="Group" transform="translate(0.000000, 5.500000)">
+                <path d="M66,30 L66,36.596969" id="Line-2" stroke="#0F5200" stroke-width="1.6" opacity="0.101109601" stroke-linecap="square"></path>
+                <g id="Group" transform="translate(0.000000, 8.500000)">
                     <g id="Combined-Shape">
                         <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                        <use fill="#405236" fill-rule="evenodd" xlink:href="#path-1"></use>
-                        <path stroke="#405236" stroke-width="2.4" d="M46.0583592,18.8 L33.5416408,18.8 L28.4,29.0832816 L14.8583592,2 L2.34164079,2 L24.7416408,46.8 L32.0583592,46.8 L46.0583592,18.8 Z"></path>
+                        <path stroke="#405236" stroke-width="2.4" d="M46.0583592,18.8 L33.5416408,18.8 L28.4,29.0832816 L14.8583592,2 L2.34164079,2 L24.7416408,46.8 L32.0583592,46.8 L46.0583592,18.8 Z" stroke-linejoin="square" fill="#405236" fill-rule="evenodd"></path>
                     </g>
                     <g id="Path">
                         <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                        <use fill="#CD4000" fill-rule="evenodd" xlink:href="#path-3"></use>
-                        <path stroke="#CD4000" stroke-width="2.4" d="M50.0583592,10.8 L54.4583592,2 L41.9416408,2 L37.5416408,10.8 L50.0583592,10.8 Z"></path>
-                    </g>
-                    <g id="Combined-Shape">
-                        <use fill="#4A5E3F" fill-rule="evenodd" xlink:href="#path-5"></use>
-                        <path stroke="#405236" stroke-width="2.4" d="M32.0607372,46.8 L34.6351125,41.6879866 L14.8572527,2 L2.34164079,2 L24.7416408,46.8 L32.0607372,46.8 Z"></path>
+                        <path stroke="#CD4000" stroke-width="2.4" d="M50.0583592,10.8 L54.4583592,2 L41.9416408,2 L37.5416408,10.8 L50.0583592,10.8 Z" stroke-linejoin="square" fill="#CD4000" fill-rule="evenodd"></path>
                     </g>
+                    <path d="M32.0607372,46.8 L34.6351125,41.6879866 L14.8572527,2 L2.34164079,2 L24.7416408,46.8 L32.0607372,46.8 Z" id="Combined-Shape" stroke="#405236" stroke-width="2.4" fill="#4A5E3F"></path>
                     <path d="M37.6,2 L52.8210381,2" id="Line-3" stroke="#CD4000" stroke-width="2.4" stroke-linecap="square"></path>
                     <path d="M33.6,6 L48.8210381,6" id="Line-3" stroke="#CD4000" stroke-width="2.4" stroke-linecap="square"></path>
                     <path d="M29.6,10.8 L44.8210381,10.8" id="Line-3" stroke="#CD4000" stroke-width="2.4" stroke-linecap="square"></path>
diff --git a/assets/svg/verdaccio-banner.svg b/assets/svg/logo-banner.svg
similarity index 100%
rename from assets/svg/verdaccio-banner.svg
rename to assets/svg/logo-banner.svg
diff --git a/assets/verdaccio-logo-blackwhite.svg b/assets/svg/logo-blackwhite.svg
similarity index 100%
rename from assets/verdaccio-logo-blackwhite.svg
rename to assets/svg/logo-blackwhite.svg
diff --git a/assets/svg/logo-small-header-bottom.svg b/assets/svg/logo-small-title.svg
similarity index 100%
rename from assets/svg/logo-small-header-bottom.svg
rename to assets/svg/logo-small-title.svg
diff --git a/assets/verdaccio.svg b/assets/svg/logo-small.svg
similarity index 100%
rename from assets/verdaccio.svg
rename to assets/svg/logo-small.svg
diff --git a/assets/svg/social-background.svg b/assets/svg/social-background.svg
new file mode 100644
index 000000000..3af393a99
--- /dev/null
+++ b/assets/svg/social-background.svg
@@ -0,0 +1,86 @@
+
+<svg width="960px" height="487px" viewBox="0 0 960 487" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <rect id="path-1" x="0" y="0" width="960" height="369"></rect>
+        <filter x="-0.7%" y="-2.0%" width="101.4%" height="103.5%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0744168931 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <polygon id="path-4" points="96 34.2 65.6 95 48 95 0.8 0.6 31.2 0.6 56.8 51.8 65.6 34.2 96 34.2"></polygon>
+        <filter x="-20.0%" y="-11.7%" width="139.9%" height="140.3%" filterUnits="objectBoundingBox" id="filter-5">
+            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0906646286 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <polygon id="path-6" points="101.6 23 71.2 23 82.4 0.6 112.8 0.6 101.6 23"></polygon>
+        <filter x="-45.7%" y="-49.1%" width="191.3%" height="269.6%" filterUnits="objectBoundingBox" id="filter-7">
+            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0906646286 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="verdaccio.github.io">
+            <g id="Group-5">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Rectangle">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-1"></use>
+                    <use fill="#F7F8F6" fill-rule="evenodd" xlink:href="#path-1"></use>
+                </g>
+                <g id="Group" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
+                    <g transform="translate(740.694191, 349.064745) rotate(-35.000000) translate(-740.694191, -349.064745) translate(400.694191, 64.564745)" id="Combined-Shape">
+                        <polygon fill-opacity="0.141332654" points="580.60076 202.388704 395.198837 568.615882 287.860881 568.615882 0 0 185.401923 6.84789635e-14 341.529859 308.401834 395.198837 202.388704 580.60076 202.388704"></polygon>
+                        <path d="M426.889943,133.165312 L339.571545,133.165312 L339.571545,104.629888 L441.443009,104.629888 L455.996075,76.094464 L388.081766,76.094464 L388.081766,47.55904 L470.549142,47.55904 L480.251186,28.535424 L436.591987,28.535424 L436.591987,0 L572.548175,0 L679.143091,0 L611.228782,133.165312 L426.889943,133.165312 Z" fill-opacity="0.233978714"></path>
+                        <polygon fill-opacity="0.113988904" points="396.562186 568.615882 288.853938 568.615882 0 0 186.041519 0 435.45057 492.609383"></polygon>
+                    </g>
+                </g>
+                <g id="Group-Copy" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
+                    <g transform="translate(180.322830, 94.008655) rotate(-35.000000) translate(-180.322830, -94.008655) translate(-79.177170, -123.491345)" id="Combined-Shape">
+                        <polygon fill-opacity="0.141332654" points="443.271172 154.517672 301.722394 434.121079 219.773102 434.121079 0 0 141.548778 5.22816235e-14 260.747748 235.4555 301.722394 154.517672 443.271172 154.517672"></polygon>
+                        <polygon fill-opacity="0.113988904" points="302.76327 434.121079 220.531271 434.121079 0 0 142.03709 0 332.453379 376.092409"></polygon>
+                    </g>
+                </g>
+                <g id="Group-Copy" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
+                    <g transform="translate(119.506397, 347.831732) rotate(-90.000000) translate(-119.506397, -347.831732) translate(3.006397, 250.331732)" id="Combined-Shape">
+                        <polygon fill-opacity="0.141332654" points="198.951506 69.3515067 135.420773 194.844709 98.6398225 194.844709 0 0 63.5307331 2.34653377e-14 117.030298 105.678486 135.420773 69.3515067 198.951506 69.3515067"></polygon>
+                        <path d="M146.280203,45.6310794 L116.359253,45.6310794 L116.359253,35.852991 L151.267028,35.852991 L156.253853,26.0749025 L132.982003,26.0749025 L132.982003,16.2968141 L161.240679,16.2968141 L164.565229,9.77808845 L149.604753,9.77808845 L149.604753,0 L196.192168,0 L232.718505,0 L209.446655,45.6310794 L146.280203,45.6310794 Z" fill-opacity="0.233978714"></path>
+                        <polygon fill-opacity="0.113988904" points="135.887945 194.844709 98.9801083 194.844709 0 0 63.7499002 0 149.21363 168.799949"></polygon>
+                    </g>
+                </g>
+            </g>
+            <text id="Lightweight-private" font-family="OpenSans, Open Sans" font-size="24" font-weight="normal" fill="#405236">
+                <tspan x="265" y="481">Lightweight private npm proxy registry</tspan>
+            </text>
+            <g id="Verdaccio-Copy-2" transform="translate(380.000000, 114.000000)">
+                <path d="M88.5889891,-2.67995381e-15 L111.411011,2.67995381e-15 C136.867488,-1.99632522e-15 150.084032,3.43454761 162.143291,9.88391004 C174.20255,16.3332725 183.666728,25.7974497 190.11609,37.856709 C196.565452,49.9159682 200,63.1325117 200,88.5889891 L200,111.411011 C200,136.867488 196.565452,150.084032 190.11609,162.143291 C183.666728,174.20255 174.20255,183.666728 162.143291,190.11609 C150.084032,196.565452 136.867488,200 111.411011,200 L88.5889891,200 C63.1325117,200 49.9159682,196.565452 37.856709,190.11609 C25.7974497,183.666728 16.3332725,174.20255 9.88391004,162.143291 C3.43454761,150.084032 1.33088348e-15,136.867488 -1.78663588e-15,111.411011 L1.78663588e-15,88.5889891 C-1.33088348e-15,63.1325117 3.43454761,49.9159682 9.88391004,37.856709 C16.3332725,25.7974497 25.7974497,16.3332725 37.856709,9.88391004 C49.9159682,3.43454761 63.1325117,1.99632522e-15 88.5889891,-2.67995381e-15 Z" id="BG" fill="#FFFFFF"></path>
+                <g id="Group" transform="translate(44.000000, 59.000000)">
+                    <g id="Combined-Shape">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                        <path stroke="#405236" stroke-width="4.8" d="M92.1167184,36.6 L67.0832816,36.6 L56.8,57.1665631 L29.7167184,3 L4.68328157,3 L49.4832816,92.6 L64.1167184,92.6 L92.1167184,36.6 Z" stroke-linejoin="square" fill="#405236" fill-rule="evenodd"></path>
+                    </g>
+                    <g id="Path">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                        <path stroke="#CD4000" stroke-width="4.8" d="M100.116718,20.6 L108.916718,3 L83.8832816,3 L75.0832816,20.6 L100.116718,20.6 Z" stroke-linejoin="square" fill="#CD4000" fill-rule="evenodd"></path>
+                    </g>
+                    <path d="M64.1214744,92.6 L69.2702249,82.3759732 L29.7145053,3 L4.68328157,3 L49.4832816,92.6 L64.1214744,92.6 Z" id="Combined-Shape" stroke="#405236" stroke-width="4.8" fill="#4A5E3F"></path>
+                    <path d="M75.2,3 L105.642076,3" id="Line-3" stroke="#CD4000" stroke-width="4.8" stroke-linecap="square"></path>
+                    <path d="M67.2,11 L97.6420761,11" id="Line-3" stroke="#CD4000" stroke-width="4.8" stroke-linecap="square"></path>
+                    <path d="M59.2,20.6 L89.6420761,20.6" id="Line-3" stroke="#CD4000" stroke-width="4.8" stroke-linecap="square"></path>
+                </g>
+            </g>
+            <g id="Group-4" transform="translate(373.000000, 392.000000)">
+                <text id="Verdaccio" font-family="OpenSansLight-Italic, Open Sans" font-size="42.4" font-style="italic" font-weight="300" fill="#405236">
+                    <tspan x="27" y="45">Verdaccio</tspan>
+                </text>
+                <path d="M11.5,22.5 L18.170832,22.5" id="Line-2" stroke="#CD4000" stroke-width="2.4" stroke-linecap="square"></path>
+                <path d="M6.5,29.5 L18.0108644,29.5" id="Line-2-Copy" stroke="#CD4000" stroke-width="2.4" stroke-linecap="square"></path>
+                <path d="M0.5,36.5 L18.0071414,36.5" id="Line-2-Copy" stroke="#CD4000" stroke-width="2.4" stroke-linecap="square"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/svg/social-no-text.svg b/assets/svg/social-no-text.svg
new file mode 100644
index 000000000..34199646a
--- /dev/null
+++ b/assets/svg/social-no-text.svg
@@ -0,0 +1,44 @@
+
+<svg width="960px" height="372px" viewBox="0 0 960 372" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <rect id="path-1" x="0" y="0" width="960" height="369"></rect>
+        <filter x="-0.7%" y="-2.0%" width="101.4%" height="103.5%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0744168931 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="verdaccio.github.io">
+            <g id="Group-5">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Rectangle">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-1"></use>
+                    <use fill="#F7F8F6" fill-rule="evenodd" xlink:href="#path-1"></use>
+                </g>
+                <g id="Group" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
+                    <g transform="translate(740.694191, 349.064745) rotate(-35.000000) translate(-740.694191, -349.064745) translate(400.694191, 64.564745)" id="Combined-Shape">
+                        <polygon fill-opacity="0.141332654" points="580.60076 202.388704 395.198837 568.615882 287.860881 568.615882 0 0 185.401923 6.84789635e-14 341.529859 308.401834 395.198837 202.388704 580.60076 202.388704"></polygon>
+                        <path d="M426.889943,133.165312 L339.571545,133.165312 L339.571545,104.629888 L441.443009,104.629888 L455.996075,76.094464 L388.081766,76.094464 L388.081766,47.55904 L470.549142,47.55904 L480.251186,28.535424 L436.591987,28.535424 L436.591987,0 L572.548175,0 L679.143091,0 L611.228782,133.165312 L426.889943,133.165312 Z" fill-opacity="0.233978714"></path>
+                        <polygon fill-opacity="0.113988904" points="396.562186 568.615882 288.853938 568.615882 0 0 186.041519 0 435.45057 492.609383"></polygon>
+                    </g>
+                </g>
+                <g id="Group-Copy" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
+                    <g transform="translate(180.322830, 94.008655) rotate(-35.000000) translate(-180.322830, -94.008655) translate(-79.177170, -123.491345)" id="Combined-Shape">
+                        <polygon fill-opacity="0.141332654" points="443.271172 154.517672 301.722394 434.121079 219.773102 434.121079 0 0 141.548778 5.22816235e-14 260.747748 235.4555 301.722394 154.517672 443.271172 154.517672"></polygon>
+                        <polygon fill-opacity="0.113988904" points="302.76327 434.121079 220.531271 434.121079 0 0 142.03709 0 332.453379 376.092409"></polygon>
+                    </g>
+                </g>
+                <g id="Group-Copy" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
+                    <g transform="translate(119.506397, 347.831732) rotate(-90.000000) translate(-119.506397, -347.831732) translate(3.006397, 250.331732)" id="Combined-Shape">
+                        <polygon fill-opacity="0.141332654" points="198.951506 69.3515067 135.420773 194.844709 98.6398225 194.844709 0 0 63.5307331 2.34653377e-14 117.030298 105.678486 135.420773 69.3515067 198.951506 69.3515067"></polygon>
+                        <path d="M146.280203,45.6310794 L116.359253,45.6310794 L116.359253,35.852991 L151.267028,35.852991 L156.253853,26.0749025 L132.982003,26.0749025 L132.982003,16.2968141 L161.240679,16.2968141 L164.565229,9.77808845 L149.604753,9.77808845 L149.604753,0 L196.192168,0 L232.718505,0 L209.446655,45.6310794 L146.280203,45.6310794 Z" fill-opacity="0.233978714"></path>
+                        <polygon fill-opacity="0.113988904" points="135.887945 194.844709 98.9801083 194.844709 0 0 63.7499002 0 149.21363 168.799949"></polygon>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/svg/verdaccio.svg b/assets/svg/verdaccio-banner-background.svg
similarity index 100%
rename from assets/svg/verdaccio.svg
rename to assets/svg/verdaccio-banner-background.svg
diff --git a/assets/svg/verdaccio-tiny.svg b/assets/svg/verdaccio-green-no-bg.svg
similarity index 86%
rename from assets/svg/verdaccio-tiny.svg
rename to assets/svg/verdaccio-green-no-bg.svg
index cd7a48543..bc03ed19e 100644
--- a/assets/svg/verdaccio-tiny.svg
+++ b/assets/svg/verdaccio-green-no-bg.svg
@@ -1,8 +1,5 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
-    <title>verdaccio-tiny</title>
-    <desc>Created with Sketch.</desc>
+
+<svg width="65px" height="57px" viewBox="0 0 65 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <defs>
         <polygon id="path-1" points="48 17.6 32.8 48 24 48 0.4 0.8 15.6 0.8 28.4 26.4 32.8 17.6 48 17.6"></polygon>
         <filter x="-20.0%" y="-11.7%" width="139.9%" height="140.3%" filterUnits="objectBoundingBox" id="filter-2">
@@ -20,8 +17,7 @@
         </filter>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="verdaccio-tiny">
-            <rect id="BG" fill="#F7F8F6" x="0" y="0" width="100" height="100" rx="37"></rect>
+        <g id="verdaccio-tiny" transform="translate(-18.000000, -29.000000)">
             <g id="Group" transform="translate(22.000000, 29.000000)">
                 <g id="Combined-Shape">
                     <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
diff --git a/assets/svg/verdaccio.github.io.svg b/assets/svg/verdaccio.github.io.svg
deleted file mode 100644
index d9159f25f..000000000
--- a/assets/svg/verdaccio.github.io.svg
+++ /dev/null
@@ -1,99 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="960px" height="561px" viewBox="0 0 960 561" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
-    <title>verdaccio.github.io</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="0" y="0" width="960" height="369"></rect>
-        <filter x="-0.7%" y="-2.0%" width="101.4%" height="103.5%" filterUnits="objectBoundingBox" id="filter-3">
-            <feOffset dx="0" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0744168931 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <polygon id="path-4" points="96 34.2 65.6 95 48 95 0.8 0.6 31.2 0.6 56.8 51.8 65.6 34.2 96 34.2"></polygon>
-        <filter x="-20.0%" y="-11.7%" width="139.9%" height="140.3%" filterUnits="objectBoundingBox" id="filter-5">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0906646286 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <polygon id="path-6" points="101.6 23 71.2 23 82.4 0.6 112.8 0.6 101.6 23"></polygon>
-        <filter x="-45.7%" y="-49.1%" width="191.3%" height="269.6%" filterUnits="objectBoundingBox" id="filter-7">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0906646286 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="verdaccio.github.io" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect fill="#FFFFFF" x="0" y="0" width="960" height="561"></rect>
-        <g id="Group-5">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <g id="Rectangle">
-                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-1"></use>
-                <use fill="#F7F8F6" fill-rule="evenodd" xlink:href="#path-1"></use>
-            </g>
-            <g id="Group" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
-                <g transform="translate(740.694191, 349.064745) rotate(-35.000000) translate(-740.694191, -349.064745) translate(400.694191, 64.564745)" id="Combined-Shape">
-                    <polygon fill-opacity="0.141332654" points="580.60076 202.388704 395.198837 568.615882 287.860881 568.615882 0 0 185.401923 6.84789635e-14 341.529859 308.401834 395.198837 202.388704 580.60076 202.388704"></polygon>
-                    <path d="M426.889943,133.165312 L339.571545,133.165312 L339.571545,104.629888 L441.443009,104.629888 L455.996075,76.094464 L388.081766,76.094464 L388.081766,47.55904 L470.549142,47.55904 L480.251186,28.535424 L436.591987,28.535424 L436.591987,0 L494.804252,0 L679.143091,0 L611.228782,133.165312 L426.889943,133.165312 Z" fill-opacity="0.233978714"></path>
-                    <polygon fill-opacity="0.113988904" points="396.562186 568.615882 288.853938 568.615882 0 0 186.041519 0 435.45057 492.609383"></polygon>
-                </g>
-            </g>
-            <g id="Group-Copy" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
-                <g transform="translate(180.322830, 94.008655) rotate(-35.000000) translate(-180.322830, -94.008655) translate(-79.177170, -123.491345)" id="Combined-Shape">
-                    <polygon fill-opacity="0.141332654" points="443.271172 154.517672 301.722394 434.121079 219.773102 434.121079 0 0 141.548778 5.22816235e-14 260.747748 235.4555 301.722394 154.517672 443.271172 154.517672"></polygon>
-                    <polygon fill-opacity="0.113988904" points="302.76327 434.121079 220.531271 434.121079 0 0 142.03709 0 332.453379 376.092409"></polygon>
-                </g>
-            </g>
-            <g id="Group-Copy" opacity="0.417346014" mask="url(#mask-2)" fill="#4A5E3F">
-                <g transform="translate(119.506397, 347.831732) rotate(-90.000000) translate(-119.506397, -347.831732) translate(3.006397, 250.331732)" id="Combined-Shape">
-                    <polygon fill-opacity="0.141332654" points="198.951506 69.3515067 135.420773 194.844709 98.6398225 194.844709 0 0 63.5307331 2.34653377e-14 117.030298 105.678486 135.420773 69.3515067 198.951506 69.3515067"></polygon>
-                    <path d="M146.280203,45.6310794 L116.359253,45.6310794 L116.359253,35.852991 L151.267028,35.852991 L156.253853,26.0749025 L132.982003,26.0749025 L132.982003,16.2968141 L161.240679,16.2968141 L164.565229,9.77808845 L149.604753,9.77808845 L149.604753,0 L169.552054,0 L232.718505,0 L209.446655,45.6310794 L146.280203,45.6310794 Z" fill-opacity="0.233978714"></path>
-                    <polygon fill-opacity="0.113988904" points="135.887945 194.844709 98.9801083 194.844709 0 0 63.7499002 0 149.21363 168.799949"></polygon>
-                </g>
-            </g>
-        </g>
-        <text id="Lightweight-private" font-family=".SFNSDisplay, .SF NS Display" font-size="24" font-weight="normal" fill="#405236">
-            <tspan x="265" y="478">Lightweight private npm proxy registry</tspan>
-        </text>
-        <g id="Verdaccio-Copy-2" transform="translate(380.000000, 114.000000)">
-            <rect id="BG" fill="#FFFFFF" x="0" y="0" width="200" height="200" rx="74"></rect>
-            <g id="Group" transform="translate(44.000000, 59.000000)">
-                <g id="Combined-Shape">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
-                    <path stroke="#405236" stroke-width="4.8" d="M92.1167184,36.6 L67.0832816,36.6 L56.8,57.1665631 L29.7167184,3 L4.68328157,3 L49.4832816,92.6 L64.1167184,92.6 L92.1167184,36.6 Z" stroke-linejoin="square" fill="#405236" fill-rule="evenodd"></path>
-                </g>
-                <g id="Path">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
-                    <path stroke="#CD4000" stroke-width="4.8" d="M100.116718,20.6 L108.916718,3 L83.8832816,3 L75.0832816,20.6 L100.116718,20.6 Z" stroke-linejoin="square" fill="#CD4000" fill-rule="evenodd"></path>
-                </g>
-                <path d="M64.1214744,92.6 L69.2702249,82.3759732 L29.7145053,3 L4.68328157,3 L49.4832816,92.6 L64.1214744,92.6 Z" id="Combined-Shape" stroke="#405236" stroke-width="4.8" fill="#4A5E3F"></path>
-                <path d="M75.2,3 L105.642076,3" id="Line-3" stroke="#CD4000" stroke-width="4.8" stroke-linecap="square"></path>
-                <path d="M67.2,11 L97.6420761,11" id="Line-3" stroke="#CD4000" stroke-width="4.8" stroke-linecap="square"></path>
-                <path d="M59.2,20.6 L89.6420761,20.6" id="Line-3" stroke="#CD4000" stroke-width="4.8" stroke-linecap="square"></path>
-            </g>
-        </g>
-        <g id="Group-3" transform="translate(749.000000, 20.000000)">
-            <rect id="Rectangle-2-Copy" fill="#FFFFFF" x="0" y="0" width="191" height="44" rx="22"></rect>
-            <text id="Documentation" font-family="OpenSans-Semibold, Open Sans" font-size="22" font-weight="500" fill="#405236">
-                <tspan x="13" y="30">Documentation</tspan>
-            </text>
-        </g>
-        <g id="Group-2" transform="translate(590.000000, 20.000000)">
-            <rect id="Rectangle-2" fill="#000000" x="0" y="0" width="139" height="44" rx="22"></rect>
-            <path d="M22.288,6 C13.294,6 6,13.293 6,22.29 C6,29.487 10.667,35.592 17.14,37.746 C17.955,37.896 18.252,37.393 18.252,36.961 C18.252,36.574 18.238,35.55 18.23,34.191 C13.699,35.175 12.743,32.007 12.743,32.007 C12.002,30.125 10.934,29.624 10.934,29.624 C9.455,28.614 11.046,28.634 11.046,28.634 C12.681,28.749 13.541,30.313 13.541,30.313 C14.994,32.802 17.354,32.083 18.282,31.666 C18.43,30.614 18.851,29.896 19.316,29.489 C15.699,29.078 11.896,27.68 11.896,21.438 C11.896,19.66 12.531,18.205 13.573,17.067 C13.405,16.655 12.846,14.998 13.733,12.756 C13.733,12.756 15.1,12.318 18.212,14.426 C19.511,14.064 20.905,13.884 22.29,13.877 C23.674,13.884 25.067,14.064 26.368,14.426 C29.478,12.318 30.843,12.756 30.843,12.756 C31.732,14.998 31.173,16.655 31.006,17.067 C32.05,18.205 32.68,19.66 32.68,21.438 C32.68,27.696 28.871,29.073 25.243,29.476 C25.827,29.979 26.348,30.973 26.348,32.492 C26.348,34.67 26.328,36.427 26.328,36.961 C26.328,37.397 26.622,37.904 27.448,37.745 C33.916,35.586 38.579,29.485 38.579,22.29 C38.579,13.293 31.285,6 22.288,6" id="Fill-50" fill="#FFFFFE"></path>
-            <text id="GitHub" font-family="OpenSans-Semibold, Open Sans" font-size="22" font-weight="500" fill="#FFFFFF">
-                <tspan x="51" y="30">GitHub</tspan>
-            </text>
-            <path d="M45.5,17.5 L45.5,28.6803399" id="Line" stroke="#FFFFFF" stroke-width="2" opacity="0.546761775" stroke-linecap="square"></path>
-        </g>
-        <g id="Group-4" transform="translate(393.000000, 392.000000)" fill="#405236" font-family="OpenSansLight-Italic, Open Sans" font-size="42.4" font-style="italic" font-weight="300">
-            <text id="Verdaccio">
-                <tspan x="0.41640625" y="45">Verdaccio</tspan>
-            </text>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/assets/verdaccio.github.io.png b/assets/verdaccio.github.io.png
deleted file mode 100644
index 8edb015d6..000000000
Binary files a/assets/verdaccio.github.io.png and /dev/null differ