From 4336c3bb3ff93c47a8335d6fa4770baa176af187 Mon Sep 17 00:00:00 2001
From: nexxo <nexxo@clupilot.local>
Date: Sat, 25 Jul 2026 15:31:33 +0200
Subject: [PATCH] feat(brand): CluPilot logo mark + SVG favicon across layouts

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 public/favicon.svg                           | 14 ++++++++++++++
 resources/views/components/ui/logo.blade.php | 14 ++++++++++++++
 resources/views/landing.blade.php            |  2 ++
 resources/views/layouts/admin.blade.php      |  3 +++
 resources/views/layouts/portal-app.blade.php |  7 ++++++-
 resources/views/layouts/portal.blade.php     |  2 ++
 6 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 public/favicon.svg
 create mode 100644 resources/views/components/ui/logo.blade.php

diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..3de6924
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,14 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="CluPilot">
+  <defs>
+    <linearGradient id="cp-bg" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FB923C"/>
+      <stop offset="0.55" stop-color="#F97316"/>
+      <stop offset="1" stop-color="#C2560A"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="15" fill="url(#cp-bg)"/>
+  <!-- cloud -->
+  <path d="M22 41h20a8 8 0 0 0 .7-15.97A11 11 0 0 0 21.4 27.2 8.5 8.5 0 0 0 22 44z" fill="#ffffff" fill-opacity="0.22"/>
+  <!-- pilot / autopilot ascent mark -->
+  <path d="M32 17 44 44l-12-6-12 6z" fill="#ffffff"/>
+</svg>
diff --git a/resources/views/components/ui/logo.blade.php b/resources/views/components/ui/logo.blade.php
new file mode 100644
index 0000000..0f7104e
--- /dev/null
+++ b/resources/views/components/ui/logo.blade.php
@@ -0,0 +1,14 @@
+{{-- CluPilot mark: cloud + autopilot ascent, on the accent gradient. --}}
+<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
+     {{ $attributes->merge(['class' => 'size-7']) }}>
+    <defs>
+        <linearGradient id="cp-mark-{{ $id = \Illuminate\Support\Str::random(4) }}" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FB923C"/>
+            <stop offset="0.55" stop-color="#F97316"/>
+            <stop offset="1" stop-color="#C2560A"/>
+        </linearGradient>
+    </defs>
+    <rect width="64" height="64" rx="15" fill="url(#cp-mark-{{ $id }})"/>
+    <path d="M22 41h20a8 8 0 0 0 .7-15.97A11 11 0 0 0 21.4 27.2 8.5 8.5 0 0 0 22 44z" fill="#ffffff" fill-opacity="0.22"/>
+    <path d="M32 17 44 44l-12-6-12 6z" fill="#ffffff"/>
+</svg>
diff --git a/resources/views/landing.blade.php b/resources/views/landing.blade.php
index 2f70872..9dd229b 100644
--- a/resources/views/landing.blade.php
+++ b/resources/views/landing.blade.php
@@ -4,6 +4,8 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>CluPilot Cloud — Ihre firmeneigene Cloud</title>
+<link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<link rel="apple-touch-icon" href="/favicon.svg">
 @verbatim
 <style>
   :root{
diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index df9a1c0..d640712 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -4,6 +4,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="csrf-token" content="{{ csrf_token() }}">
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <link rel="apple-touch-icon" href="/favicon.svg">
     <title>{{ $title ?? __('admin.console') }}</title>
     @vite(['resources/css/app.css', 'resources/js/app.js'])
     @livewireStyles
@@ -17,6 +19,7 @@
         >
             <div class="flex items-center justify-between px-3 pb-4">
                 <div class="flex items-center gap-2">
+                    <x-ui.logo class="size-7" />
                     <span class="font-mono text-lg font-semibold tracking-tight text-ink">CluPilot</span>
                     <span class="rounded bg-accent-subtle px-1.5 py-0.5 font-mono text-[0.6rem] font-semibold uppercase tracking-wider text-accent-text">{{ __('admin.badge') }}</span>
                 </div>
diff --git a/resources/views/layouts/portal-app.blade.php b/resources/views/layouts/portal-app.blade.php
index e2faa49..1b63bd0 100644
--- a/resources/views/layouts/portal-app.blade.php
+++ b/resources/views/layouts/portal-app.blade.php
@@ -4,6 +4,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="csrf-token" content="{{ csrf_token() }}">
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <link rel="apple-touch-icon" href="/favicon.svg">
     <title>{{ $title ?? config('app.name') }}</title>
     @vite(['resources/css/app.css', 'resources/js/app.js'])
     @livewireStyles
@@ -29,7 +31,10 @@
             :class="nav ? 'translate-x-0' : '-translate-x-full'"
         >
             <div class="flex items-center justify-between px-3 pb-4">
-                <span class="font-mono text-lg font-semibold tracking-tight text-ink">CluPilot</span>
+                <span class="flex items-center gap-2">
+                    <x-ui.logo class="size-7" />
+                    <span class="font-mono text-lg font-semibold tracking-tight text-ink">CluPilot</span>
+                </span>
                 <button type="button" class="lg:hidden text-muted" @click="nav = false" aria-label="{{ __('dashboard.close_nav') }}">
                     <x-ui.icon name="chevron-down" class="size-5 rotate-90" />
                 </button>
diff --git a/resources/views/layouts/portal.blade.php b/resources/views/layouts/portal.blade.php
index 99e5109..889c40a 100644
--- a/resources/views/layouts/portal.blade.php
+++ b/resources/views/layouts/portal.blade.php
@@ -4,6 +4,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="csrf-token" content="{{ csrf_token() }}">
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <link rel="apple-touch-icon" href="/favicon.svg">
     <title>{{ $title ?? config('app.name') }}</title>
     @vite(['resources/css/app.css', 'resources/js/app.js'])
     @livewireStyles