fix: update logo (#3927)

* fix: update logo

* fix: welcome title update

* fix: larger welcome splash

* fix: welcome text opacity

* chore: remove unused logo component

---------

Co-authored-by: Alexander Thor <[email protected]>

docs/docusaurus.config.js

@@ -19,7 +19,7 @@ const config = {
 
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "throw",
-  favicon: "img/favicon.ico",
+  favicon: "img/favicon.png",
 
   // Even if you don't use internalization, you can use this field to set useful
   // metadata like html lang. For example, if your site is Chinese, you may want

web-common/src/components/icons/RillLogoSquareNegative.svelte

@@ -5,49 +5,41 @@
 
 <svg
   height={size}
-  viewBox="0 0 36 36"
+  viewBox="0 0 84 84"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  <rect
-    width="36"
-    height="36"
-    rx="4"
-    fill={gradient ? "url(#paint0_linear_1445_29041)" : "#2563EB"}
+  <path
+    d="M0 4.83453C0 2.16449 2.16449 0 4.83453 0H79.1655C81.8355 0 84 2.16449 84 4.83453V79.1655C84 81.8355 81.8355 84 79.1655 84H4.83453C2.16449 84 0 81.8355 0 79.1655V4.83453Z"
+    fill="url(#paint0_linear_1987_35631)"
+  />
+  <path d="M50.3316 23.5693H42.8533V30.456H50.3316V23.5693Z" fill="white" />
+  <path
+    d="M63.3208 23.5693L63.3475 60.4324H70.8558V23.5693H63.3208Z"
+    fill="white"
   />
   <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M23 14V30L19 28V14H23ZM11 14V24L7 22V14H11Z"
+    d="M53.0846 60.4324H60.5945V23.5693H53.0596L53.0846 60.4324Z"
     fill="white"
   />
   <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M25 12L29 14V22H25V12ZM13 6L17 8V22H13V6Z"
+    d="M37.6095 43.4543C39.4212 41.2843 40.3278 38.746 40.3278 35.8393C40.3278 32.1793 39.1795 29.221 36.8845 26.9593C34.5879 24.6993 31.5029 23.5693 27.6279 23.5693H10.7263L14.6096 31.211H26.3896C28.1829 31.211 29.5546 31.6693 30.5062 32.5826C31.4562 33.4976 31.9329 34.691 31.9329 36.161C31.9329 37.631 31.4129 38.7709 30.3729 39.6859C29.3312 40.6009 27.9146 41.0576 26.1212 41.0576H13.3046V47.8926V60.4309H20.2546V47.8926L31.1246 60.4309H41.9945L30.2629 47.6226C33.3479 47.0126 35.7962 45.6226 37.6079 43.4526L37.6095 43.4543Z"
     fill="white"
   />
+  <path d="M50.3316 33.1846H42.8533V60.4328H50.3316V33.1846Z" fill="white" />
   {#if gradient}
     <defs>
       <linearGradient
-        id="paint0_linear_1445_29041"
-        x1="18"
-        y1="0.5"
-        x2="18"
-        y2="36.5"
+        id="paint0_linear_1987_35631"
+        x1="42"
+        y1="0"
+        x2="42"
+        y2="84"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stop-color="var(--color-primary-400)" />
-        <stop offset="1" stop-color="var(--color-primary-500)" />
+        <stop stop-color="#757EFF" />
+        <stop offset="1" stop-color="#5655FF" />
       </linearGradient>
-      <clipPath id="clip0_1445_29041">
-        <rect
-          width="24"
-          height="24"
-          fill="white"
-          transform="translate(6 6.5)"
-        />
-      </clipPath>
     </defs>
   {/if}
 </svg>

web-common/src/features/welcome/TitleContent.svelte

@@ -26,15 +26,14 @@
   <RillLogoSquareNegative size="84px" gradient />
   <RadixH1>
     <span
-      class="bg-gradient-to-r from-primary-900 to-primary-800 text-transparent bg-clip-text"
+      class="bg-gradient-to-r from-primary-900 to-primary-800 text-transparent bg-clip-text opacity-75"
     >
       Welcome to Rill
     </span>
   </RadixH1>
   <div class="flex flex-col gap-y-2">
     <Subheading twColor="text-slate-600">
-      You're on your way to building fast, exploratory dashboards your team will
-      actually use.
+      Build fast operational dashboards that your team will actually use.
     </Subheading>
     <Subheading twColor="text-slate-600">Let’s get started.</Subheading>
   </div>