Gitea/hx-ki.com2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
64e6dacfe28e91b72e54e6aa59d1fbd66e3bd867
hx-ki.com2/web/hx-ki-website/todo.md
gitea 9c0fa49baf initial COM2 system snapshot
2026-03-06 15:22:40 +00:00

2.2 KiB
Raw Blame History

HX-KI Website TODO

Design & Styling

  • Globale CSS-Variablen für HX-KI Farben (Ocean Blue #045EA3, Neon-Grün #1AF51A, Anthrazit)
  • Helvetica Neue Schriftart einbinden (Inter als Fallback)
  • Minimalistisches Design-System (keine Schatten, keine Rundungen, viel Weißraum)
  • Tailwind-Konfiguration anpassen

Layout-Komponenten

  • Header-Komponente (Ocean Blue, weiße Schrift, Navigation)
  • Footer-Komponente (schlicht, Links zu Impressum/Datenschutz)
  • Container-Komponente (zentriert, max-w-4xl)
  • Section-Komponente (Standardabstände, Weißraum)
  • Button-Komponente (Primary: Ocean Blue, Secondary: Outline)

Seiten

  • Home-Seite (Claims, Brand Philosophy Teaser, CTA-Buttons)
  • Brand Philosophy Seite (vollständiger Inhalt aus Manifesto)
  • Trust-Seite (Platzhalter für zukünftigen Inhalt)
  • Manifest-Seite (vollständiger Inhalt aus Brand Manifesto)
  • Kontakt-Seite (Formular: Name, E-Mail, Nachricht)
  • Impressum-Seite (Platzhalter)
  • Datenschutz-Seite (Platzhalter)

Funktionalität

  • Navigation zwischen Seiten
  • Kontaktformular mit Backend-Integration
  • Responsive Design (Mobile-first)

Testing & Deployment

  • Vitest Tests für kritische Funktionen
  • Browser-Tests durchführen
  • Checkpoint erstellen

Completed

  • Globale CSS-Variablen für HX-KI Farben (Ocean Blue #045EA3, Neon-Grün #1AF51A, Anthrazit)
  • Helvetica Neue Schriftart einbinden (Inter als Fallback)
  • Minimalistisches Design-System (keine Schatten, keine Rundungen, viel Weißraum)
  • Tailwind-Konfiguration anpassen

Design-Korrekturen (DRINGEND)

  • Korrekte Farben: Ocean Blue #0A3A5A (nicht #045EA3)
  • Korrekte Farben: Leaf Green #6DBF4A (nicht #1AF51A)
  • Helvetica Neue als Hauptschrift (nicht Inter)
  • Mehr Weißraum und klarere Strukturen
  • Header-Design überarbeiten (ruhiger, professioneller)
  • Home-Seite: Weniger dekorativ, mehr Fokus auf Klarheit

Farbschema-Inversion

  • Header: Weißer Hintergrund statt blau
  • Header: Blaue Schrift für Navigation und Logo
  • Buttons auf weißem Hintergrund: Blau gefüllt mit weißer Schrift
  • Outline-Buttons: Weiß mit blauem Rand und blauer Schrift
Reference in New Issue View Git Blame Copy Permalink