CI Migration — Technische Analyse llmoready-saas
Das bestehende llmoready-saas Repo trägt ein glassmorphes, Neon-blaues CI. Libers Suite braucht Ink Black, Libers Red, Rice White — Bebas Neue statt Outfit, DM Sans statt Manrope. Diese Analyse zeigt alle betroffenen Dateien, die Strategie für jeden Bereich und die empfohlene Reihenfolge.
Die Codebasis hat kein zentrales Design-Token-System — CSS-Variablen und Tailwind-Klassen sind über viele Blade- und Vue-Dateien verteilt. Die Strategie: Token-First. Zuerst die wenigen zentralen Stellen ändern, die den grössten visuellen Impact haben, bevor die langen Landing-Seiten angegangen werden.
Die wichtigsten 3 Dateien — hier sitzen alle Design-Token. Änderungen hier wirken sich sofort auf das gesamte Frontend aus, ohne dass einzelne Seiten angefasst werden müssen. Fonts rausschmeissen, Farb-CSS-Variablen ersetzen, Tailwind-Tokens umbenennen.
Navigation und Footer sind shared Partials — einmal geändert, überall wirksam. Blade-Navigation für Landing-Seiten, Vue AppNavigation für das Dashboard. Logo-Swap, Markennamen ersetzen, Link-URLs anpassen.
/llmoready_logo.svg → Libers SVG · «LLMO Ready» → «Libers Suite» · glass-nav → bg-black border-b · btn-accent (neongrün) → Libers CTA-Stil · alle llmoready.com URLs updaten.
Alle Logo-Dateien im api/public/ und im landing/ Verzeichnis ersetzen. Libers SVGs (bereits vorhanden in libers.works Repo) nach api/public/ kopieren. Favicon, OG-Image neu erstellen.
Das zentrale E-Mail-Layout steuert Hintergrund, Logo, Akzentfarbe und Footer aller E-Mails. Die ~20 Inhalt-Templates (je DE+EN) enthalten aber zusätzlich hardcodierte Inline-Farben für Links und CTA-Buttons — #00d4ff und #00ff88 direkt im HTML-Attribut style="". Kein zentraler Hebel, muss per Search & Replace über alle Dateien laufen.
#00d4ff → #00ff88 → #D62B2B (3px Linie) · support@llmoready.com → support@libers.ai · Footer-Link → libers.ai#00d4ff → #D62B2B · #00ff88 → #D62B2B · «LLMO Ready» → «Libers Suite» · @llmoready.com → @libers.ai
Die Landing-Seiten sind lang (index.blade.php: 1651 Zeilen) und durchzogen von Tailwind-Klassen, Brand-Namen und hardcodierten URLs. Durch die Token-Ummapping-Strategie aus Schicht 01 entfällt ein Grossteil der Klassen-Arbeit — die visuellen Klassen werden in head.blade.php neu definiert, nicht in jeder Seite ersetzt. Was manuell bleibt: Texte, URLs, Schema.org JSON-LD.
btn-accent, glass-card, text-electric, section-pattern-bg werden in head.blade.php neu definiert — kein Suchen & Ersetzen in 1651 Zeilen nötig.
Nicht sichtbar, aber kritisch: Alle Umgebungsvariablen auf dem Hetzner-Server, CORS-Whitelist, Resend-Absender-Domain und die Shopify App müssen auf die neuen Domains zeigen. Kein Code-Change im Repo — direkt auf dem Server und in den jeweiligen Dashboards.
Diese Ersetzungen können projekt-weit mit einem einzigen Find & Replace über alle Dateien laufen. In VSCode oder per grep -r + sed. Reihenfolge einhalten — spezifische Strings zuerst, dann generische.
| Kategorie | Suchen (ALT) | Ersetzen (NEU) | Scope |
|---|---|---|---|
| Brand Name | LLMO Ready | Libers Suite | alle Blade + Vue + E-Mails |
| Brand Name | LLMOReady | Libers | alle Blade + Vue |
| Domain | llmoready.com | libers.ai | alle Blade + Vue + Config |
| Domain API | api.llmoready.com | api.libers.ai | alle, zuerst (spezifischer) |
| Domain App | app.llmoready.com | app.libers.ai | alle, zuerst (spezifischer) |
| support@llmoready.com | support@libers.ai | E-Mails + Footer + Config | |
| contact@llmoready.com | contact@libers.ai | E-Mails + Schema.org | |
| Social | @llmoready | @libers_ai | head.blade.php + Schema.org |
| Farbe Inline | #00d4ff | #D62B2B | nur E-Mail-Templates |
| Farbe Inline | #00ff88 | #D62B2B | nur E-Mail-Templates |
| Farbe Inline | #2d3748 (E-Mail BG) | #0D0D0D | nur E-Mail-Templates |
| Copyright | © 2025-26 LLMO Ready | © 2026 Libers GmbH | Footer + E-Mail-Layout |
| Logo-Pfad | /llmoready_logo.svg | /libers-logo-weiss.svg | Nav + E-Mail-Layout |
| Logo-Pfad | /llmo-favicon.png | /libers-icon.svg | head.blade.php |
| Tailwind Font | font-outfit / font-headline | font-bebas | alle Vue + Blade (vorsichtig) |
| Tailwind Font | font-manrope | font-dm-sans | alle Vue + Blade |
font-outfit und font-manrope müssen erst im tailwind.config.js als neue Tokens definiert sein, bevor die Klassen in den Blade/Vue-Dateien umbenannt werden. Sonst brechen alle Stile sofort. Reihenfolge: Config → dann Replace in Views.
Die alten Utility-Klassen (.btn-accent, .glass-card, .glass-nav, .text-electric, .section-pattern-bg) in head.blade.php nicht löschen — sondern neu definieren. .btn-accent bekommt Libers-Red-Styles, .glass-card wird eine schlichte Box ohne Blur.
Im Vue Dashboard (tailwind.config.js) die Farb-Tokens direkt umbenennen: anthracite → ink-black, electric → libers-red. Das bedeutet, dass alle Vue-Komponenten die alten Klassen (bg-anthracite, border-electric) nicht mehr funktionieren — diese müssen dann in allen Vue-Dateien ersetzt werden.
anthracite: { DEFAULT: '#0D0D0D' } — das Dashboard sieht sofort anders aus, ohne jede Vue-Datei anzufassen. Technisch unkorrekt, aber pragmatisch als erster Schritt.
Zuerst emails/layout.blade.php komplett auf Libers CI umbauen. Damit sehen alle E-Mails schon nach Libers aus — auch wenn die Inhalt-Templates noch alte Farben für Links haben. Dann in einem zweiten Schritt die Inhalt-Templates per Search & Replace bereinigen.
php artisan tinker → E-Mail manuell versenden und visuell prüfen bevor alle 40 Templates angepasst werden.
Das JSON-LD in landing/index.blade.php enthält Organization-Schema, SoftwareApplication-Schema und Product-Schema — alle mit «LLMO Ready» und «llmoready.com». Diese sind nicht sichtbar im UI, aber relevant für LLM-Sichtbarkeit (das ist unser eigenes Produkt!). Separat prüfen und auf Libers Suite anpassen.