PflegeLotse

KI-Assistent für das Pflege-Recht (SGB XI) — Designkonzept

RAG · Quellenbelegt · DSGVO · Light / Dark

Stand: Juni 2026 · Limber Martinez
MARKE — SLATE & TEAL

Eine Marke,
zwei Modi.

  • Themed Tokens (Light/Dark) — ein System, beide Modi.
  • Akzent-Split: Teal für Text vs. volle Füllung (AA-Kontrast).
  • Schriften: Geist + Geist Mono — technisch, ruhig.
  • Editorial: viel Weißraum, scharfe Kanten, 4px-Akzentbalken.
Paper · #F7F6F3
Ink · #21262E
Teal · #117C66
Dunkel · #1D2530
pflegelotse.limbermartinez.com
CHAT · KERNFUNKTION

Belegte Antworten — ohne zu raten

Jede Antwort mit Paragraph-Zitaten (§). Fehlt die Quelle: ehrliches „weiß nicht".

  • Antwort + §-Chips (§ 36 · § 37 · § 45b).
  • Anti-Halluzination: keine Quelle → keine Antwort.
  • Quellen-Panel mit Originaltext + Gesetzes-Link.
  • Toggle EU-Cloud / Lokal · DSGVO-Badge.
pflegelotse.limbermartinez.com
ONBOARDING

Klarer Einstieg

Beispiel-Fragen führen sofort in die Nutzung — keine leere Seite.

  • 3 Beispielfragen als Startpunkt.
  • Klare Wertbotschaft „mit Quelle".
  • Hinweis: informativ, keine Rechtsberatung.
  • Leeres Quellen-Panel mit Hinweis.
pflegelotse.limbermartinez.com
EIGENE PROJEKTSEITE

Standalone-App + Portfolio-Link

Läuft eigenständig auf dem VPS — verlinkt zur Fallstudie im Portfolio.

  • Was es ist / Was es NICHT ist.
  • Wie es funktioniert (RAG) + Transparenz (EU-AI-Act).
  • Eigene Rechtsseiten (Impressum/Datenschutz/Barrierefreiheit).
  • Erwähnung & Link „von Limber Martinez → Portfolio".
pflegelotse.limbermartinez.com
LIGHT & DARK

Durchgängiges Theming

Beide Modi aus denselben Tokens — überall AA-Kontrast.

  • Dunkle Oberfläche + erhöhte Karten.
  • Teal-Akzent hellt im Dark auf (lesbar).
  • Kein Hardcoding — alles über Tokens.
  • Im Code via prefers-color-scheme.
MOBIL · RESPONSIVE

Für unterwegs gebaut

Einspaltig, Quellen als Akkordeon, Touch-optimiert.

  • Mobile-First, kein bloßes Verkleinern.
  • Kompakter Header + großer Senden-Button.
  • Quellen als aufklappbares Akkordeon.
  • Gleiche Marke wie am Desktop.
RECHT & BARRIEREFREIHEIT

Compliant by Design

DSGVO

Verarbeitung transparent, keine Speicherung personenbezogener Daten.

BFSG

WCAG 2.1 AA — Kontrast, Fokus, Tastatur, Light+Dark.

TDDDG

Cookie-Banner mit Einwilligung — kein Cookie-Wall.

RDG

Klarer Hinweis: keine Rechtsberatung.

NÄCHSTE SCHRITTE

Vom Design zum Deploy

  1. Code: FastAPI + HTMX + PostgreSQL/pgvector.
  2. RAG-Pipeline + Evaluation (Recall@k, Faithfulness, Abstention).
  3. Deploy auf Hostinger-VPS (Docker + Caddy + Subdomain).
  4. Fallstudie im Portfolio mit echten Metriken.