initial COM2 system snapshot

web/app/hx-ki-website/todo.md

@@ -0,0 +1,55 @@
+# HX-KI Website TODO
+
+## Design & Styling
+- [x] Globale CSS-Variablen für HX-KI Farben (Ocean Blue #045EA3, Neon-Grün #1AF51A, Anthrazit)
+- [x] Helvetica Neue Schriftart einbinden (Inter als Fallback)
+- [x] Minimalistisches Design-System (keine Schatten, keine Rundungen, viel Weißraum)
+- [x] Tailwind-Konfiguration anpassen
+
+## Layout-Komponenten
+- [x] Header-Komponente (Ocean Blue, weiße Schrift, Navigation)
+- [x] Footer-Komponente (schlicht, Links zu Impressum/Datenschutz)
+- [x] Container-Komponente (zentriert, max-w-4xl)
+- [x] Section-Komponente (Standardabstände, Weißraum)
+- [x] Button-Komponente (Primary: Ocean Blue, Secondary: Outline)
+
+## Seiten
+- [x] Home-Seite (Claims, Brand Philosophy Teaser, CTA-Buttons)
+- [x] Brand Philosophy Seite (vollständiger Inhalt aus Manifesto)
+- [x] Trust-Seite (Platzhalter für zukünftigen Inhalt)
+- [x] Manifest-Seite (vollständiger Inhalt aus Brand Manifesto)
+- [x] Kontakt-Seite (Formular: Name, E-Mail, Nachricht)
+- [x] Impressum-Seite (Platzhalter)
+- [x] Datenschutz-Seite (Platzhalter)
+
+## Funktionalität
+- [x] Navigation zwischen Seiten
+- [x] Kontaktformular mit Backend-Integration
+- [x] Responsive Design (Mobile-first)
+
+## Testing & Deployment
+- [x] Vitest Tests für kritische Funktionen
+- [x] Browser-Tests durchführen
+- [x] Checkpoint erstellen
+
+## Completed
+- [x] Globale CSS-Variablen für HX-KI Farben (Ocean Blue #045EA3, Neon-Grün #1AF51A, Anthrazit)
+- [x] Helvetica Neue Schriftart einbinden (Inter als Fallback)
+- [x] Minimalistisches Design-System (keine Schatten, keine Rundungen, viel Weißraum)
+- [x] Tailwind-Konfiguration anpassen
+
+
+## Design-Korrekturen (DRINGEND)
+- [x] Korrekte Farben: Ocean Blue #0A3A5A (nicht #045EA3)
+- [x] Korrekte Farben: Leaf Green #6DBF4A (nicht #1AF51A)
+- [x] Helvetica Neue als Hauptschrift (nicht Inter)
+- [x] Mehr Weißraum und klarere Strukturen
+- [x] Header-Design überarbeiten (ruhiger, professioneller)
+- [x] Home-Seite: Weniger dekorativ, mehr Fokus auf Klarheit
+
+
+## Farbschema-Inversion
+- [x] Header: Weißer Hintergrund statt blau
+- [x] Header: Blaue Schrift für Navigation und Logo
+- [x] Buttons auf weißem Hintergrund: Blau gefüllt mit weißer Schrift
+- [x] Outline-Buttons: Weiß mit blauem Rand und blauer Schrift