56 lines
2.2 KiB
Markdown
56 lines
2.2 KiB
Markdown
# 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
|