docs: update logo (#5534)

netlify · Mar 7, 2023 · 5abd031 · 5abd031 · github-actions · Mar 7, 2023
1 parent 2488e87
commit 5abd031
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 42 deletions.
diff --git a/cli.png b/cli.png
diff --git a/site/src/_app.js b/site/src/_app.js
@@ -20,13 +20,13 @@ const scope = {
     // handle external links
     if (!href.startsWith('/')) {
       return (
-        <Rebass.Link color="#00ad9f" href={href}>
+        <Rebass.Link color="#02807d" href={href}>
           {children}
         </Rebass.Link>
       )
     }
     return (
-      <Link style={{ color: '#00ad9f', textDecoration: 'none' }} to={href}>
+      <Link style={{ color: '#02807d', textDecoration: 'none' }} to={href}>
         {children}
       </Link>
     )

diff --git a/site/src/_layout.js b/site/src/_layout.js
@@ -83,53 +83,32 @@ export const MenuIcon = ({ size = MENU_ICON_SIZE, ...props }) => (
 )
 
 const LogoContainer = styled.span`
-  svg {
-    width: 130px;
-  }
   display: flex;
   align-items: center;
-  color: rgb(14, 30, 37);
+
+  svg {
+    display: block;
+    width: 140px;
+    height: auto;
+  }
 `
 
 const NetlifyLogo = () => (
   <LogoContainer>
-    <svg width="182" height="40" viewBox="0 0 182 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg viewBox="0 0 122 40" xmlns="http://www.w3.org/2000/svg">
       <path
-        d="m53.37 12.978.123 2.198c1.403-1.7 3.245-2.55 5.525-2.55 3.951 0 5.962 2.268 6.032 6.804v12.568h-4.26V19.676c0-1.207-.26-2.101-.78-2.681-.52-.58-1.371-.87-2.552-.87-1.719 0-3 .78-3.84 2.338v13.535h-4.262v-19.02h4.016ZM77.748 32.35c-2.7 0-4.89-.852-6.567-2.557-1.678-1.705-2.517-3.976-2.517-6.812v-.527c0-1.898.365-3.595 1.096-5.089.73-1.494 1.757-2.657 3.078-3.49 1.321-.831 2.794-1.247 4.42-1.247 2.583 0 4.58.826 5.988 2.478 1.41 1.653 2.114 3.99 2.114 7.014v1.723h-12.4c.13 1.57.653 2.812 1.57 3.726.918.914 2.073 1.371 3.464 1.371 1.952 0 3.542-.79 4.77-2.373l2.297 2.198c-.76 1.136-1.774 2.018-3.042 2.645-1.269.627-2.692.94-4.27.94Zm-.508-16.294c-1.17 0-2.114.41-2.833 1.23-.719.82-1.177 1.963-1.376 3.428h8.12v-.317c-.094-1.43-.474-2.51-1.14-3.243-.667-.732-1.59-1.098-2.771-1.098Zm16.765-7.7v4.623h3.35v3.164h-3.35V26.76c0 .726.144 1.25.43 1.573.287.322.798.483 1.535.483a6.55 6.55 0 0 0 1.49-.175v3.304c-.97.27-1.906.404-2.806.404-3.273 0-4.91-1.81-4.91-5.431V16.142H86.62v-3.164h3.122V8.355h4.261Zm11.137 23.643h-4.262v-27h4.262v27Zm9.172 0h-4.262v-19.02h4.262v19.02Zm-4.525-23.96c0-.655.207-1.2.622-1.634.416-.433 1.009-.65 1.781-.65.771 0 1.367.217 1.788.65.421.434.632.979.632 1.635 0 .644-.211 1.18-.632 1.608-.421.428-1.017.642-1.788.642-.772 0-1.365-.214-1.781-.642-.415-.427-.622-.964-.622-1.608Zm10.663 23.96V16.142h-2.894v-3.164h2.894v-1.74c0-2.11.584-3.738 1.753-4.887 1.169-1.148 2.806-1.722 4.911-1.722a9.83 9.83 0 0 1 2.385.316l-.105 3.34a8.382 8.382 0 0 0-1.631-.14c-2.035 0-3.052 1.048-3.052 3.146v1.687h3.858v3.164h-3.858v15.856h-4.261Zm17.87-6.117 3.858-12.903h4.542l-7.541 21.903c-1.157 3.199-3.121 4.798-5.892 4.798-.62 0-1.304-.105-2.052-.316v-3.305l.807.053c1.075 0 1.885-.196 2.429-.589.543-.392.973-1.051 1.289-1.977l.613-1.635-6.664-18.932h4.595l4.016 12.903Z"
-        fill="#0e1e25"
+        d="M86.99 19.93c0-2.35 1.06-3.62 2.98-3.62 1.7 0 2.35.85 2.56 1.7l.21.21h1.7l.22-.2c-.21-1.93-1.7-3.63-4.69-3.63-3.2 0-5.12 2.13-5.12 5.54s1.92 5.54 5.12 5.54c2.99 0 4.48-1.7 4.7-3.62l-.22-.21h-1.7l-.22.2c-.21.86-.85 1.71-2.56 1.71-1.92 0-2.98-1.27-2.98-3.62Zm11.71 5.12v-14.5l-.21-.21h-1.7l-.22.2v14.5l.21.22h1.71l.21-.21Zm4.69-12.37v-1.7l-.22-.22h-1.7l-.21.22v1.7l.2.21h1.71l.22-.2Zm0 12.37V14.8l-.22-.21h-1.7l-.21.21v10.24l.2.21h1.71l.22-.21Z"
+        fill="#778089"
       />
       <path
-        d="m27.887 14.135-.014-.006c-.008-.003-.016-.006-.023-.013a.11.11 0 0 1-.028-.093l.773-4.726 3.625 3.625-3.77 1.605a.083.083 0 0 1-.033.006h-.015a.104.104 0 0 1-.02-.017 1.716 1.716 0 0 0-.495-.381Zm5.258-.288 3.876 3.876c.805.806 1.208 1.208 1.355 1.674.022.069.04.138.054.209l-9.263-3.923a.728.728 0 0 0-.015-.006c-.037-.015-.08-.032-.08-.07 0-.038.044-.056.081-.071l.012-.005 3.98-1.684Zm5.127 7.003c-.2.376-.59.766-1.25 1.427l-4.37 4.369L27 25.469l-.03-.006c-.05-.008-.103-.017-.103-.063a1.706 1.706 0 0 0-.655-1.192c-.023-.023-.017-.059-.01-.092 0-.005 0-.01.002-.014l1.063-6.526.003-.022c.007-.05.016-.108.062-.108a1.73 1.73 0 0 0 1.16-.665c.008-.01.014-.021.026-.027.032-.015.07 0 .103.014l9.65 4.082Zm-6.625 6.801-7.186 7.186 1.23-7.56.002-.01a.136.136 0 0 1 .006-.029c.01-.024.036-.035.061-.044l.012-.005a1.85 1.85 0 0 0 .695-.517c.024-.028.053-.055.09-.06a.09.09 0 0 1 .029 0l5.06 1.04Zm-8.707 8.707-.81.81-8.955-12.942a.424.424 0 0 0-.01-.014c-.014-.019-.029-.038-.026-.06 0-.016.011-.03.022-.042l.01-.013c.027-.04.05-.08.075-.123l.02-.035.003-.003c.014-.024.027-.047.051-.06.021-.01.05-.006.073-.001l9.921 2.046a.164.164 0 0 1 .076.033c.013.013.016.027.019.043a1.757 1.757 0 0 0 1.028 1.175c.028.014.016.045.003.078a.238.238 0 0 0-.015.045c-.125.76-1.197 7.298-1.485 9.063Zm-1.692 1.691c-.597.591-.949.904-1.347 1.03a2 2 0 0 1-1.206 0c-.466-.148-.869-.55-1.674-1.356L8.028 28.73l2.349-3.643a.15.15 0 0 1 .04-.047c.025-.018.061-.01.091 0a2.434 2.434 0 0 0 1.638-.083c.027-.01.054-.017.075.002a.19.19 0 0 1 .028.032l8.999 13.058ZM7.16 27.863 5.098 25.8l4.074-1.737a.084.084 0 0 1 .033-.007c.034 0 .054.034.072.065a2.91 2.91 0 0 0 .13.184l.013.016c.012.017.004.034-.008.05l-2.25 3.493Zm-2.976-2.976-2.61-2.61c-.444-.444-.766-.766-.99-1.043L8.52 22.88a.84.84 0 0 0 .03.005c.049.008.103.017.103.063 0 .05-.059.073-.109.092l-.023.01-4.337 1.837ZM.13 19.892a2 2 0 0 1 .09-.495c.148-.466.55-.868 1.356-1.674l3.34-3.34a2175.525 2175.525 0 0 0 4.626 6.687c.027.036.057.076.026.106a2.776 2.776 0 0 0-.395.528.16.16 0 0 1-.05.062c-.013.008-.027.005-.042.002h-.002l-8.95-1.877Zm5.68-6.403 4.49-4.491c.423.185 1.96.834 3.333 1.414 1.04.44 1.988.84 2.286.97.03.012.057.024.07.054.008.018.004.041 0 .06a2.003 2.003 0 0 0 .523 1.828c.03.03 0 .073-.026.11l-.014.021-4.56 7.063a.138.138 0 0 1-.043.05c-.024.015-.058.008-.086.001a2.274 2.274 0 0 0-.543-.074c-.164 0-.342.03-.522.063h-.001c-.02.003-.038.007-.054-.005a.21.21 0 0 1-.045-.051L5.81 13.489Zm5.398-5.398 5.814-5.814c.805-.806 1.208-1.208 1.674-1.355a2 2 0 0 1 1.206 0c.466.147.869.55 1.674 1.355l1.26 1.26L18.7 9.94a.155.155 0 0 1-.041.048c-.025.017-.06.01-.09 0a2.098 2.098 0 0 0-1.92.37c-.027.028-.067.012-.101-.003-.54-.235-4.74-2.01-5.341-2.265Zm12.505-3.676 3.82 3.818-.92 5.698-.002.015a.135.135 0 0 1-.008.038c-.009.02-.028.024-.05.03a1.83 1.83 0 0 0-.548.273.154.154 0 0 0-.019.017c-.011.012-.022.023-.04.024a.114.114 0 0 1-.043-.006l-5.818-2.472-.011-.005c-.037-.015-.081-.033-.081-.071a2.198 2.198 0 0 0-.31-.915c-.028-.046-.059-.094-.035-.141l4.066-6.303Zm-3.93 8.606 5.453 2.31c.03.014.063.027.076.058a.106.106 0 0 1 0 .057c-.016.08-.03.171-.03.263v.153c0 .037-.039.054-.075.069l-.011.004c-.864.369-12.13 5.173-12.147 5.173-.017 0-.035 0-.052-.017-.03-.03 0-.072.027-.11a.76.76 0 0 0 .014-.02l4.482-6.94.008-.012c.026-.042.056-.089.104-.089l.045.007c.102.014.192.027.283.027.68 0 1.31-.331 1.69-.897a.16.16 0 0 1 .034-.04c.027-.02.067-.01.098.004Zm-6.247 9.184 12.28-5.236s.018 0 .035.017c.067.067.124.112.178.154l.028.017c.025.014.05.03.052.056 0 .01 0 .016-.002.025L25.054 23.7l-.004.026c-.007.05-.014.107-.062.107a1.729 1.729 0 0 0-1.372.847l-.005.008c-.014.023-.027.045-.05.057-.021.01-.048.006-.07.001l-9.793-2.02c-.01-.002-.152-.519-.163-.52Z"
-        fill="url(#paint0_radial)"
+        d="M22.8 39.8V29.68l.2-.21h2.53l.2.2V39.8l-.2.21H23l-.2-.2Zm0-29.49V.21L23 0h2.53l.2.2v10.11l-.2.21H23l-.2-.2Zm-8.7 22.38h-.35l-1.73-1.74v-.35l3.25-3.26h1.84l.25.25v1.84l-3.26 3.26Zm-2.08-23.2v-.35l1.73-1.73h.35l3.26 3.25v1.84l-.25.25h-1.84l-3.25-3.26ZM.58 18.52H14.9l.2.21v2.53l-.2.21H.58l-.2-.2v-2.54l.2-.2Z"
+        fill="#05BDBA"
       />
       <path
-        d="M157.09 29.697c1.16 0 2.174-.351 3.041-1.054.867-.704 1.348-1.582 1.441-2.637h3.076c-.058 1.09-.433 2.127-1.125 3.111-.691.985-1.617 1.77-2.777 2.356a7.934 7.934 0 0 1-3.656.879c-2.59 0-4.652-.862-6.188-2.584-1.523-1.735-2.285-4.102-2.285-7.102v-.545c0-1.851.34-3.498 1.02-4.94.679-1.44 1.652-2.56 2.918-3.357 1.277-.797 2.783-1.195 4.517-1.195 2.133 0 3.903.639 5.309 1.916 1.418 1.277 2.174 2.935 2.267 4.975h-3.076c-.093-1.23-.562-2.239-1.406-3.024-.832-.797-1.863-1.195-3.094-1.195-1.652 0-2.935.597-3.849 1.793-.903 1.183-1.354 2.9-1.354 5.15v.615c0 2.192.451 3.88 1.354 5.063.902 1.183 2.191 1.775 3.867 1.775ZM171.118 32h-3.252V5h3.252v27Zm8.034 0H175.9V12.98h3.252V32Zm-3.516-24.064c0-.528.158-.973.475-1.336.328-.364.808-.545 1.441-.545s1.113.181 1.442.545c.328.363.492.808.492 1.336 0 .527-.164.966-.492 1.318-.329.351-.809.527-1.442.527-.633 0-1.113-.176-1.441-.527-.317-.352-.475-.791-.475-1.318Z"
-        fill="url(#paint1_radial)"
+        d="M29 25.27h-2.52l-.21-.21v-5.92c0-1.05-.41-1.87-1.68-1.9-.66 0-1.4 0-2.2.04l-.12.12v7.65l-.21.21h-2.53l-.2-.2V14.94l.2-.21h5.69a4 4 0 0 1 4 4v6.31l-.22.21Zm12.24-4.43-.21.21H34.5l-.21.21c0 .42.42 1.68 2.1 1.68.64 0 1.27-.2 1.48-.63l.21-.2h2.53l.2.2c-.2 1.27-1.26 3.16-4.42 3.16-3.58 0-5.26-2.52-5.26-5.47 0-2.95 1.68-5.48 5.05-5.48s5.06 2.53 5.06 5.48v.84Zm-3.16-2.1c0-.22-.21-1.7-1.9-1.7a1.78 1.78 0 0 0-1.9 1.7l.22.2h3.37l.2-.2Zm9.06 3.36c0 .43.2.64.63.64h1.9l.2.2v2.11l-.2.21h-1.9c-1.9 0-3.58-.84-3.58-3.16v-4.63l-.21-.21H42.5l-.2-.21v-2.1l.2-.22h1.48l.2-.2v-1.9l.22-.21h2.52l.21.2v1.9l.21.21h2.32l.2.21v2.1l-.2.22h-2.32l-.2.2v4.64Zm7.79 3.17H52.4l-.2-.21V10.73l.2-.21h2.53l.21.21v14.32l-.2.21Zm5.69-12.22h-2.53l-.2-.21v-2.11l.2-.21h2.53l.2.21v2.1l-.2.22Zm0 12.22h-2.53l-.2-.21V14.94l.2-.2h2.53l.2.2v10.12l-.2.2Zm9.9-14.54v2.1l-.2.22h-1.9c-.43 0-.64.2-.64.63v.84l.21.21h2.11l.21.21v2.1l-.2.22h-2.12l-.2.2v7.59l-.22.2h-2.52l-.21-.2v-7.58l-.21-.21h-1.48l-.2-.21v-2.1l.2-.22h1.48l.2-.2v-.85c0-2.32 1.7-3.16 3.59-3.16h1.9l.2.2v.01Zm7.79 14.74c-.84 2.11-1.68 3.37-4.63 3.37h-1.06l-.2-.2v-2.11l.2-.21h1.06c1.05 0 1.26-.21 1.47-.84v-.21l-3.37-8.22v-2.1l.21-.22h1.9l.2.21 2.53 7.17h.21l2.53-7.17.2-.2h1.9l.21.2v2.11l-3.37 8.43h.01Z"
+        fill="#014847"
       />
-      <defs>
-        <radialGradient
-          id="paint0_radial"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="matrix(0 38.3009 -44.2199 0 -1.156 19.46)"
-        >
-          <stop stopColor="#20c6b7" />
-          <stop offset="1" stopColor="#4d9abf" />
-        </radialGradient>
-        <radialGradient
-          id="paint1_radial"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="matrix(0 41.9536 -40.4089 0 145.825 19.408)"
-        >
-          <stop stopColor="#20c6b7" />
-          <stop offset="1" stopColor="#4d9abf" />
-        </radialGradient>
-      </defs>
+      <path d="M106.66 18.52h14.32l.2.21v2.53l-.2.21h-14.32l-.2-.2v-2.54l.2-.2Z" fill="#05BDBA" />
     </svg>
   </LogoContainer>
 )
@@ -167,12 +146,16 @@ const Link = styled((props) => (
 ))([], () => ({
   borderLeft: '4px solid',
   borderColor: 'transparent',
-  '&.active, &:focus': {
-    color: '#00c2b2',
+  display: 'block',
+  '&.active, &.active:hover': {
+    color: '#04a29f',
     outline: 'none',
   },
+  '&:hover, &:focus': {
+    color: '#02807d',
+  },
   '&:focus': {
-    borderColor: 'inherit',
+    borderColor: 'currentColor',
   },
 }))
 
@@ -188,7 +171,7 @@ const format = (str, data) => {
 }
 
 const NavBar = ({ logo }) => (
-  <Toolbar color="inherit" bg="transparent">
+  <Toolbar color="inherit" bg="transparent" minHeight="70px">
     {logo}
     <Heading px={2} fontSize={1}>
       <a href="/" style={{ textDecoration: 'none' }}>
@@ -208,7 +191,8 @@ const SearchBoxWrapper = styled.div`
       font-size: 14px;
       padding: 7px 8px;
       width: 80%;
-      border: 1px solid black;
+      border: 1px solid #9da7b2;
+      border-radius: 4px;
       -webkit-appearance: initial;
     }
     button {