New logo and font updaets

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/filament.js": "/js/filament.js?id=4782dc312d22e36a18eb",
-    "/css/filament.css": "/css/filament.css?id=71f23db62f16912f0b23"
+    "/css/filament.css": "/css/filament.css?id=f6dce1fdeb44f6a6d4d6"
 }

resources/views/components/branding-footer.blade.php

@@ -2,8 +2,7 @@
     href="{{ config('filament.url') }}" 
     target="_blank" 
     rel="noopener noreferrer" 
-    {{ $attributes->merge(['class' => 'inline-flex items-center transition-colors duration-200 text-gray-400 hover:text-gray-600']) }}
+    {{ $attributes->merge(['class' => 'inline-flex items-center opacity-20 hover:opacity-100']) }}
 >
-    <x-filament::app-icon class="w-10 h-10" />
-    <span class="text-sm font-mono">{{ config('filament.name') }}</span>
+    <x-filament::logo class="w-28 h-auto" />
 </a>

resources/views/components/branding-header.blade.php

@@ -6,7 +6,7 @@
     rel="noopener noreferrer"
 >
     <div class="flex-shrink-0 rounded w-8 h-8 bg-red-800 text-white flex items-center justify-center transition-colors duration-200 group-hover:bg-red-700">
-        <span class="font-extrabold italic">{{ substr(config('app.name'), 0, 1) }}</span>
+        <span class="font-bold italic">{{ substr(config('app.name'), 0, 1) }}</span>
     </div>
-    <span class="text-sm leading-tight font-medium transition-colors duration-200 group-hover:text-white">{{ config('app.name') }}</span>
+    <span class="text-sm leading-tight font-bold transition-colors duration-200 group-hover:text-white">{{ config('app.name') }}</span>
 </a>

resources/views/layouts/app.blade.php

@@ -40,7 +40,7 @@
                         <x-heroicon-o-menu-alt-2 class="w-6 h-6" />
                     </button>
 
-                    <h1 class="font-light text-2xl leading-tight text-red-700">{{ $title }}</h1>
+                    <h1 class="text-2xl leading-tight text-red-700">{{ $title }}</h1>
                 </div>
 
                 {{ $actions ?? null }}

resources/views/layouts/auth.blade.php

@@ -4,9 +4,9 @@
 
 @section('content')
     <main class="flex h-screen items-center justify-center p-4">
-        <div class="w-full max-w-sm space-y-6">
+        <div class="w-full max-w-sm space-y-8">
             <header class="text-center">
-                <h2 class="font-light font-thin text-2xl md:text-3xl leading-tight text-red-700">{{ $title ?? config('app.name') }}</h2>
+                <h2 class="text-2xl md:text-3xl leading-tight text-red-700">{{ $title ?? config('app.name') }}</h2>
             </header>
 
             {{ $slot }}

src/FilamentManager.php

@@ -125,7 +125,7 @@ class FilamentManager
 
         $externalAssets = '
             <link rel="preconnect" href="https://fonts.gstatic.com"> 
-            <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Commissioner:wght@400;500;600;700&family=JetBrains+Mono:ital@0;1&display=swap">
+            <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=JetBrains+Mono:ital@0;1&display=swap">
         ';
 
         if ($publishedAsset) {

tailwind.config.js

@@ -19,7 +19,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        sans: ['Commissioner', ...defaultTheme.fontFamily.sans],
+        sans: ['DM Sans', ...defaultTheme.fontFamily.sans],
         mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
       },
       colors: {