laravel · taylorotwell · Feb 24, 2025 · Feb 22, 2025 · Feb 22, 2025 · Feb 23, 2025
diff --git a/package-lock.json b/package-lock.json
diff --git a/resources/css/app.css b/resources/css/app.css
@@ -9,9 +9,7 @@
 @custom-variant dark (&:where(.dark, .dark *));
 
 @theme {
-    --font-sans:
-        Figtree, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
     --color-zinc-50: #fafafa;
     --color-zinc-100: #f5f5f5;

diff --git a/resources/views/components/app-logo-icon.blade.php b/resources/views/components/app-logo-icon.blade.php
@@ -1,5 +1,8 @@
-<svg viewBox="0 0 316 316" xmlns="http://www.w3.org/2000/svg" {{ $attributes }}>
-    <path
-        d="M305.8 81.125C305.77 80.995 305.69 80.885 305.65 80.755C305.56 80.525 305.49 80.285 305.37 80.075C305.29 79.935 305.17 79.815 305.07 79.685C304.94 79.515 304.83 79.325 304.68 79.175C304.55 79.045 304.39 78.955 304.25 78.845C304.09 78.715 303.95 78.575 303.77 78.475L251.32 48.275C249.97 47.495 248.31 47.495 246.96 48.275L194.51 78.475C194.33 78.575 194.19 78.725 194.03 78.845C193.89 78.955 193.73 79.045 193.6 79.175C193.45 79.325 193.34 79.515 193.21 79.685C193.11 79.815 192.99 79.935 192.91 80.075C192.79 80.285 192.71 80.525 192.63 80.755C192.58 80.875 192.51 80.995 192.48 81.125C192.38 81.495 192.33 81.875 192.33 82.265V139.625L148.62 164.795V52.575C148.62 52.185 148.57 51.805 148.47 51.435C148.44 51.305 148.36 51.195 148.32 51.065C148.23 50.835 148.16 50.595 148.04 50.385C147.96 50.245 147.84 50.125 147.74 49.995C147.61 49.825 147.5 49.635 147.35 49.485C147.22 49.355 147.06 49.265 146.92 49.155C146.76 49.025 146.62 48.885 146.44 48.785L93.99 18.585C92.64 17.805 90.98 17.805 89.63 18.585L37.18 48.785C37 48.885 36.86 49.035 36.7 49.155C36.56 49.265 36.4 49.355 36.27 49.485C36.12 49.635 36.01 49.825 35.88 49.995C35.78 50.125 35.66 50.245 35.58 50.385C35.46 50.595 35.38 50.835 35.3 51.065C35.25 51.185 35.18 51.305 35.15 51.435C35.05 51.805 35 52.185 35 52.575V232.235C35 233.795 35.84 235.245 37.19 236.025L142.1 296.425C142.33 296.555 142.58 296.635 142.82 296.725C142.93 296.765 143.04 296.835 143.16 296.865C143.53 296.965 143.9 297.015 144.28 297.015C144.66 297.015 145.03 296.965 145.4 296.865C145.5 296.835 145.59 296.775 145.69 296.745C145.95 296.655 146.21 296.565 146.45 296.435L251.36 236.035C252.72 235.255 253.55 233.815 253.55 232.245V174.885L303.81 145.945C305.17 145.165 306 143.725 306 142.155V82.265C305.95 81.875 305.89 81.495 305.8 81.125ZM144.2 227.205L100.57 202.515L146.39 176.135L196.66 147.195L240.33 172.335L208.29 190.625L144.2 227.205ZM244.75 114.995V164.795L226.39 154.225L201.03 139.625V89.825L219.39 100.395L244.75 114.995ZM249.12 57.105L292.81 82.265L249.12 107.425L205.43 82.265L249.12 57.105ZM114.49 184.425L96.13 194.995V85.305L121.49 70.705L139.85 60.135V169.815L114.49 184.425ZM91.76 27.425L135.45 52.585L91.76 77.745L48.07 52.585L91.76 27.425ZM43.67 60.135L62.03 70.705L87.39 85.305V202.545V202.555V202.565C87.39 202.735 87.44 202.895 87.46 203.055C87.49 203.265 87.49 203.485 87.55 203.695V203.705C87.6 203.875 87.69 204.035 87.76 204.195C87.84 204.375 87.89 204.575 87.99 204.745C87.99 204.745 87.99 204.755 88 204.755C88.09 204.905 88.22 205.035 88.33 205.175C88.45 205.335 88.55 205.495 88.69 205.635L88.7 205.645C88.82 205.765 88.98 205.855 89.12 205.965C89.28 206.085 89.42 206.225 89.59 206.325C89.6 206.325 89.6 206.325 89.61 206.335C89.62 206.335 89.62 206.345 89.63 206.345L139.87 234.775V285.065L43.67 229.705V60.135ZM244.75 229.705L148.58 285.075V234.775L219.8 194.115L244.75 179.875V229.705ZM297.2 139.625L253.49 164.795V114.995L278.85 100.395L297.21 89.825V139.625H297.2Z"
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42" {{ $attributes }}>
+    <path 
+        fill="currentColor" 
+        fill-rule="evenodd" 
+        clip-rule="evenodd"
+        d="M17.2 5.633 8.6.855 0 5.633v26.51l16.2 9 16.2-9v-8.442l7.6-4.223V9.856l-8.6-4.777-8.6 4.777V18.3l-5.6 3.111V5.633ZM38 18.301l-5.6 3.11v-6.157l5.6-3.11V18.3Zm-1.06-7.856-5.54 3.078-5.54-3.079 5.54-3.078 5.54 3.079ZM24.8 18.3v-6.157l5.6 3.111v6.158L24.8 18.3Zm-1 1.732 5.54 3.078-13.14 7.302-5.54-3.078 13.14-7.3v-.002Zm-16.2 7.89 7.6 4.222V38.3L2 30.966V7.92l5.6 3.111v16.892ZM8.6 9.3 3.06 6.222 8.6 3.143l5.54 3.08L8.6 9.3Zm21.8 15.51-13.2 7.334V38.3l13.2-7.334v-6.156ZM9.6 11.034l5.6-3.11v14.6l-5.6 3.11v-14.6Z"
     />
 </svg>
diff --git a/resources/views/components/app-logo.blade.php b/resources/views/components/app-logo.blade.php
@@ -1,8 +1,6 @@
 <div class="flex aspect-square size-8 items-center justify-center rounded-md bg-accent-content text-accent-foreground">
     <x-app-logo-icon class="size-5 fill-current text-white dark:text-black" />
 </div>
-
-<div class="grid flex-1 text-left text-sm leading-tight">
-    <span class="mb-0.5 truncate font-semibold leading-none">Laravel</span>
-    <span class="truncate text-[11px] leading-none tracking-tight opacity-80">Starter Kit</span>
+<div class="ml-1 grid flex-1 text-left text-sm">
+    <span class="mb-0.5 truncate leading-none font-semibold">Laravel Starter Kit</span>
 </div>
diff --git a/resources/views/components/auth-header.blade.php b/resources/views/components/auth-header.blade.php
@@ -4,6 +4,6 @@
 ])
 
 <div class="flex w-full flex-col gap-2 text-center">
-    <h1 class="text-xl font-bold dark:text-zinc-200">{{ $title }}</h1>
+    <h1 class="text-xl font-medium dark:text-zinc-200">{{ $title }}</h1>
     <p class="text-center text-sm dark:text-zinc-400">{{ $description }}</p>
 </div>
diff --git a/resources/views/components/layouts/app/header.blade.php b/resources/views/components/layouts/app/header.blade.php
@@ -19,29 +19,35 @@
 
             <flux:spacer />
 
-            <flux:navbar class="mr-4 py-0!">
-                <flux:navbar.item
-                    class="h-10! max-lg:hidden [&>div>svg]:size-5"
-                    icon="folder-git-2"
-                    href="https://github.com/laravel/livewire-starter-kit"
-                    target="_blank"
-                    label="Repository"
-                />
-
-                <flux:navbar.item
-                    class="h-10! max-lg:hidden [&>div>svg]:size-5"
-                    icon="book-open-text"
-                    href="https://laravel.com/docs/starter-kits"
-                    target="_blank"
-                    label="Documentation"
-                />
+            <flux:navbar class="mr-1.5 space-x-0.5 py-0!">
+                <flux:tooltip content="Search" position="bottom">
+                    <flux:navbar.item class="!h-10 [&>div>svg]:size-5" icon="magnifying-glass" href="#" label="Search" />
+                </flux:tooltip>
+                <flux:tooltip content="Repository" position="bottom">
+                    <flux:navbar.item
+                        class="h-10 max-lg:hidden [&>div>svg]:size-5"
+                        icon="folder-git-2"
+                        href="https://github.com/laravel/livewire-starter-kit"
+                        target="_blank"
+                        label="Repository"
+                    />
+                </flux:tooltip>
+                <flux:tooltip content="Documentation" position="bottom">
+                    <flux:navbar.item
+                        class="h-10 max-lg:hidden [&>div>svg]:size-5"
+                        icon="book-open-text"
+                        href="https://laravel.com/docs/starter-kits"
+                        target="_blank"
+                        label="Documentation"
+                    />
+                </flux:tooltip>
             </flux:navbar>
 
             <!-- Desktop User Menu -->
             <flux:dropdown position="top" align="end">
                 <flux:profile
+                    class="cursor-pointer"
                     :initials="auth()->user()->initials()"
-                    icon-trailing="chevron-down"
                 />
 
                 <flux:menu>

diff --git a/resources/views/components/layouts/auth/card.blade.php b/resources/views/components/layouts/auth/card.blade.php
@@ -7,15 +7,15 @@
         <div class="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
             <div class="flex w-full max-w-md flex-col gap-6">
                 <a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium">
-                    <span class="flex h-10 w-10 items-center justify-center rounded-md">
-                        <x-app-logo-icon class="size-10 fill-current text-black dark:text-white" />
+                    <span class="flex h-9 w-9 items-center justify-center rounded-md">
+                        <x-app-logo-icon class="size-9 fill-current text-black dark:text-white" />
                     </span>
 
                     <span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
                 </a>
 
                 <div class="flex flex-col gap-6">
-                    <div class="rounded-xl border bg-white text-stone-800 shadow-xs">
+                    <div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
                         <div class="px-10 py-8">{{ $slot }}</div>
                     </div>
                 </div>

diff --git a/resources/views/components/layouts/auth/simple.blade.php b/resources/views/components/layouts/auth/simple.blade.php
@@ -7,10 +7,9 @@
         <div class="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
             <div class="flex w-full max-w-sm flex-col gap-2">
                 <a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium">
-                    <span class="flex h-10 w-10 items-center justify-center rounded-md">
-                        <x-app-logo-icon class="size-10 fill-current text-black dark:text-white" />
+                    <span class="flex h-9 w-9 mb-1 items-center justify-center rounded-md">
+                        <x-app-logo-icon class="size-9 fill-current text-black dark:text-white" />
                     </span>
-
                     <span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
                 </a>
                 <div class="flex flex-col gap-6">

diff --git a/resources/views/components/layouts/auth/split.blade.php b/resources/views/components/layouts/auth/split.blade.php
@@ -9,7 +9,7 @@
                 <div class="absolute inset-0 bg-neutral-900"></div>
                 <a href="{{ route('home') }}" class="relative z-20 flex items-center text-lg font-medium">
                     <span class="flex h-10 w-10 items-center justify-center rounded-md">
-                        <x-app-logo-icon class="mr-2 h-6 fill-current text-white" />
+                        <x-app-logo-icon class="mr-2 h-7 fill-current text-white" />
                     </span>
                     {{ config('app.name', 'Laravel') }}
                 </a>
@@ -28,8 +28,8 @@
             <div class="w-full lg:p-8">
                 <div class="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
                     <a href="{{ route('home') }}" class="z-20 flex flex-col items-center gap-2 font-medium lg:hidden">
-                        <span class="flex h-10 w-10 items-center justify-center rounded-md">
-                            <x-app-logo-icon class="size-10 fill-current text-black dark:text-white" />
+                        <span class="flex h-9 w-9 items-center justify-center rounded-md">
+                            <x-app-logo-icon class="size-9 fill-current text-black dark:text-white" />
                         </span>
 
                         <span class="sr-only">{{ config('app.name', 'Laravel') }}</span>

diff --git a/resources/views/components/placeholder-pattern.blade.php b/resources/views/components/placeholder-pattern.blade.php
@@ -4,8 +4,8 @@
 
 <svg {{ $attributes }} fill="none">
     <defs>
-        <pattern id="pattern-{{ $id }}" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
-            <path d="M-3 13 15-5M-5 5l18-18M-1 21 17 3"></path>
+        <pattern id="pattern-{{ $id }}" x="0" y="0" width="8" height="8" patternUnits="userSpaceOnUse">
+            <path d="M-1 5L5 -1M3 9L8.5 3.5" stroke-width="0.5"></path>
         </pattern>
     </defs>
     <rect stroke="none" fill="url(#pattern-{{ $id }})" width="100%" height="100%"></rect>

diff --git a/resources/views/livewire/auth/confirm-password.blade.php b/resources/views/livewire/auth/confirm-password.blade.php
@@ -34,7 +34,7 @@ public function confirmPassword(): void
 
 <div class="flex flex-col gap-6">
     <x-auth-header
-        title="Confirm Your Password"
+        title="Confirm password"
         description="This is a secure area of the application. Please confirm your password before continuing."
     />
 
@@ -52,6 +52,7 @@ public function confirmPassword(): void
                 name="password"
                 required
                 autocomplete="new-password"
+                placeholder="Password"
             />
         </div>
 

diff --git a/resources/views/livewire/auth/forgot-password.blade.php b/resources/views/livewire/auth/forgot-password.blade.php
@@ -18,27 +18,27 @@ public function sendPasswordResetLink(): void
 
         Password::sendResetLink($this->only('email'));
 
-        session()->flash('status', __('If that account exists, you’ll get a password reset link soon.'));
+        session()->flash('status', __('A reset link will be sent if the account exists.'));
     }
 }; ?>
 
 <div class="flex flex-col gap-6">
-    <x-auth-header title="Forgot Password" description="Enter your email to receive a password reset link" />
+    <x-auth-header title="Forgot password" description="Enter your email to receive a password reset link" />
 
     <!-- Session Status -->
     <x-auth-session-status class="text-center" :status="session('status')" />
 
     <form wire:submit="sendPasswordResetLink" class="flex flex-col gap-6">
         <!-- Email Address -->
         <div class="grid gap-2">
-            <flux:input wire:model="email" label="{{ __('Email Address') }}" type="email" name="email" required autofocus />
+            <flux:input wire:model="email" label="{{ __('Email Address') }}" type="email" name="email" required autofocus placeholder="[email protected]" />
         </div>
 
         <flux:button variant="primary" type="submit" class="w-full">{{ __('Email password reset link') }}</flux:button>
     </form>
 
-    <div class="text-center text-sm">
-        Or, return to the
-        <x-text-link href="{{ route('login') }}">login page</x-text-link>
+    <div class="space-x-1 text-center text-sm text-zinc-400">
+        Or, return to
+        <x-text-link href="{{ route('login') }}">log in</x-text-link>
     </div>
 </div>
diff --git a/resources/views/livewire/auth/login.blade.php b/resources/views/livewire/auth/login.blade.php
@@ -80,7 +80,7 @@ protected function throttleKey(): string
 
     <form wire:submit="login" class="flex flex-col gap-6">
         <!-- Email Address -->
-        <flux:input wire:model="email" label="{{ __('Email address') }}" type="email" name="email" required autofocus autocomplete="email" />
+        <flux:input wire:model="email" label="{{ __('Email address') }}" type="email" name="email" required autofocus autocomplete="email" placeholder="[email protected]" />
 
         <!-- Password -->
         <div class="relative">
@@ -91,6 +91,7 @@ protected function throttleKey(): string
                 name="password"
                 required
                 autocomplete="current-password"
+                placeholder="Password"
             />
 
             @if (Route::has('password.request'))
@@ -104,11 +105,11 @@ protected function throttleKey(): string
         <flux:checkbox wire:model="remember" label="{{ __('Remember me') }}" />
 
         <div class="flex items-center justify-end">
-            <flux:button variant="primary" type="submit" class="w-full">{{ __('Log In') }}</flux:button>
+            <flux:button variant="primary" type="submit" class="w-full">{{ __('Log in') }}</flux:button>
         </div>
     </form>
 
-    <div class="text-center text-sm">
+    <div class="space-x-1 text-center text-sm text-zinc-600 dark:text-zinc-400">
         Don't have an account?
         <x-text-link href="{{ route('register') }}">Sign up</x-text-link>
     </div>

diff --git a/resources/views/livewire/auth/register.blade.php b/resources/views/livewire/auth/register.blade.php
@@ -36,20 +36,20 @@ public function register(): void
 }; ?>
 
 <div class="flex flex-col gap-6">
-    <x-auth-header title="Create an account" description="Enter your information below to create your account" />
+    <x-auth-header title="Create an account" description="Enter your details below to create your account" />
 
     <!-- Session Status -->
     <x-auth-session-status class="text-center" :status="session('status')" />
 
     <form wire:submit="register" class="flex flex-col gap-6">
         <!-- Name -->
         <div class="grid gap-2">
-            <flux:input wire:model="name" id="name" label="{{ __('Name') }}" type="text" name="name" required autofocus autocomplete="name" />
+            <flux:input wire:model="name" id="name" label="{{ __('Name') }}" type="text" name="name" required autofocus autocomplete="name" placeholder="Full name" />
         </div>
 
         <!-- Email Address -->
         <div class="grid gap-2">
-            <flux:input wire:model="email" id="email" label="{{ __('Email address') }}" type="email" name="email" required autocomplete="email" />
+            <flux:input wire:model="email" id="email" label="{{ __('Email address') }}" type="email" name="email" required autocomplete="email" placeholder="[email protected]" />
         </div>
 
         <!-- Password -->
@@ -62,6 +62,7 @@ public function register(): void
                 name="password"
                 required
                 autocomplete="new-password"
+                placeholder="Password"
             />
         </div>
 
@@ -75,17 +76,18 @@ public function register(): void
                 name="password_confirmation"
                 required
                 autocomplete="new-password"
+                placeholder="Confirm password"
             />
         </div>
 
         <div class="flex items-center justify-end">
             <flux:button type="submit" variant="primary" class="w-full">
-                {{ __('Register') }}
+                {{ __('Create account') }}
             </flux:button>
         </div>
     </form>
 
-    <div class="text-center text-sm">
+    <div class="space-x-1 text-center text-sm text-zinc-600 dark:text-zinc-400">
         Already have an account?
         <x-text-link href="{{ route('login') }}">Log in</x-text-link>
     </div>

diff --git a/resources/views/livewire/auth/reset-password.blade.php b/resources/views/livewire/auth/reset-password.blade.php
@@ -69,7 +69,7 @@ function ($user) {
 }; ?>
 
 <div class="flex flex-col gap-6">
-    <x-auth-header title="Reset Password" description="Please enter your new password below" />
+    <x-auth-header title="Reset password" description="Please enter your new password below" />
 
     <!-- Session Status -->
     <x-auth-session-status class="text-center" :status="session('status')" />
@@ -90,6 +90,7 @@ function ($user) {
                 name="password"
                 required
                 autocomplete="new-password"
+                placeholder="Password"
             />
         </div>
 
@@ -103,12 +104,13 @@ function ($user) {
                 name="password_confirmation"
                 required
                 autocomplete="new-password"
+                placeholder="Confirm password"
             />
         </div>
 
         <div class="flex items-center justify-end">
             <flux:button type="submit" variant="primary" class="w-full">
-                {{ __('Reset Password') }}
+                {{ __('Reset password') }}
             </flux:button>
         </div>
     </form>

diff --git a/resources/views/livewire/auth/verify-email.blade.php b/resources/views/livewire/auth/verify-email.blade.php
@@ -35,27 +35,27 @@ public function logout(Logout $logout): void
 }; ?>
 
 <div class="mt-4 flex flex-col gap-6">
-    <div class="text-sm text-gray-600">
-        {{ __("Before getting started, verify your email address by clicking on the link we just emailed to you. If you didn't receive the email, we can send you another.") }}
+    <div class="text-center text-sm text-gray-600">
+        {{ __('Please verify your email address by clicking on the link we just emailed to you.') }}
     </div>
 
     @if (session('status') == 'verification-link-sent')
-        <div class="text-sm font-medium text-green-600">
+        <div class="font-medium text-center text-sm text-green-600">
             {{ __('A new verification link has been sent to the email address you provided during registration.') }}
         </div>
     @endif
 
     <div class="flex flex-col items-center justify-between space-y-3">
         <flux:button wire:click="sendVerification" variant="primary" class="w-full">
-            {{ __('Resend Verification Email') }}
+            {{ __('Resend verification email') }}
         </flux:button>
 
         <button
             wire:click="logout"
             type="submit"
             class="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
         >
-            {{ __('Log Out') }}
+            {{ __('Log out') }}
         </button>
     </div>
 </div>
diff --git a/resources/views/partials/head.blade.php b/resources/views/partials/head.blade.php
@@ -3,8 +3,8 @@
 
 <title>{{ $title ?? 'Laravel' }}</title>
 
-<link rel="preconnect" href="https://fonts.bunny.net" />
-<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+<link rel="preconnect" href="https://fonts.bunny.net">
+<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
 
 @vite(['resources/css/app.css', 'resources/js/app.js'])
 @fluxAppearance