Das alte Random-Network-Mesh wirkte unbestimmt — neu als drei wiederholte
Sonith-Logo-Sterne in unterschiedlichen Skalen, sodass die Marken-DNA klar
durchscheint.
- Jeder Cluster: zentraler gefuellter Knoten + pulsierender Ring + 5
strahlenfoermige Linien zu Aussenknoten in der originalen Logo-Anordnung
(asymmetrisch nach rechts verlaengert wie im CI-Logo)
- Cluster A links-mitte (Skala 6, dominant), Cluster B rechts oben (3.5),
Cluster C rechts unten (2.5) — gestaffelte Tiefe
- Ring atmet (scale + opacity), Core pulsiert mit Glow, Aussenknoten
asynchron via inline animation-delay
- Linien als gestrichelte Petrol-Bahnen mit stroke-dashoffset-Datenfluss
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Greift das Logo-Motiv (vernetzte Knotenpunkte) als ganzflaechiges Hero-
Hintergrundelement auf — transportiert visuell die Netzwerk-/MSP-Kompetenz.
- 12 Knoten in CI-Sonith-Gelb mit asynchroner Pulse-Animation
(skaliert zwischen 1.0 und 1.6, drop-shadow-Glow)
- 17 Verbindungslinien in CI-Petrol mit stroke-dasharray-Datenfluss
(drei Geschwindigkeiten und Phasen, zufaellig wirkend)
- mix-blend-mode: screen fuer weiches Aufblenden auf den Orbs
- prefers-reduced-motion respektiert (Animation aus, Mesh bleibt sichtbar)
- Orb-Opazitaeten reduziert, damit das Mesh den primaeren Akzent setzt
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Würzburger Niederlassung: Am Schlossgarten 1, 97076 Würzburg
- Helpdesk-URL korrigiert: helpdesk.sonith.de → hilfe.sonith.de
- Fernwartungs-Link (ISL Light Client) als 4. Direktkontakt-Karte und
zusätzlich im Mobile-Menü
- Hero: drei animierte Floating-Orbs (Petrol & Sonith) für mehr Lebendigkeit,
prefers-reduced-motion respektiert
- Service-Cards: Akzentfarbe alterniert zwischen Sonith-Gelb und Petrol —
bricht den monotonen Eindruck, beide CI-Farben kommen zur Geltung
- USP-Cards: subtile Pulse-Aura beim Hover über den Icon-Kreisen
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Header wächst beim ersten Eindruck auf 7rem (Logo h-18) und schrumpft
beim Scrollen auf 5rem (Logo h-10) — Logo gewinnt oben mehr Praesenz,
bleibt beim Lesen aber kompakt
- Kontakt-Sektion umstrukturiert:
- Direktkontakt (Telefon, E-Mail, Helpdesk) als 3er-Grid
- Neue Untersektion „Unsere Standorte" mit zwei Karten
- Standorte: Würzburg (Niederlassung, Adresse als TODO-Platzhalter) und
Rüdenau (Hauptsitz lt. Handelsregister)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Logo-Gelb auf #DEDC1E korrigiert (Pantone 381 C)
- Petrol #067391 als Sekundärakzent eingeführt (CI-Störer-/Gegenfarbe)
- Generische Slate-Töne durch CI-Grautöne (#848687, #C8C9CA) ersetzt
- Hintergrund von Slate-Navy auf petrol-getöntes Dunkel umgestellt
- Sekundär-Button (Helpdesk im Hero) nutzt jetzt Petrol-Outline
- Hero-Gradient mit Petrol-Akzent unten links ergänzt
- CLAUDE.md mit CI-Quelle und Pantone-Referenzen dokumentiert
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Kompletter Relaunch als statische Website:
- index.html: One-Pager mit Hero, Leistungen, USPs, Team, Kontakt
- impressum.html + datenschutz.html: Separate Unterseiten
- TailwindCSS via CDN, Custom Styles, Scroll-Animationen
- Mobile Menu, Scroll-Spy, Fade-in Animationen
- Farbschema: Dunkel-modern mit Sonith-Gelb (#DEDC1B)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
techadmin