# Klarbild — Produktkontext

> Zusammengetragen aus dem, was da ist: `README.md`, `src/styles/tokens.css`, dem Wiki
> (Sammlung „Klarbild") und dem Verhalten der Anwendung. Keine Wunschbeschreibung.

**register:** product

## Was es ist

Eine selbst gehostete Bildwerkstatt für einen Ein-Personen-Digitalbetrieb mit Familie.
Zwei Hälften, die dieselbe Oberfläche teilen:

1. **Mit KI** — Screenshots und Fundstücke bereinigen, freistellen, aufs Format bringen,
   kombinieren, neu erzeugen. Läuft über OpenRouter, kostet Geld, dauert.
2. **Ohne KI** — Drucken: Bilder millimetergenau aufs physische Maß bringen und mehrere
   davon in 100-%-Größe mit Schnittmarken auf einen Bogen setzen. Reine Geometrie,
   kein Modell, keine Kosten, kein Warten.

Fertige Bilder gehen an Picdrop (Kundenauslieferung), aufs NAS (zweite Sicherung) und
seit 08/2026 über **Teilen-Links** direkt an Menschen ohne Konto.

## Wer es benutzt

- **Till** — Betreiber, Admin, baut es selbst. Arbeitet am Rechner und am Handy, oft
  zwischendurch. Erwartet, dass Maße stimmen und Dateien nicht verschwinden.
- **Lea** — nutzt es, ohne es warten zu wollen. Sagt Dinge wie „drucke das bitte in
  zwanzig mal dreißig". Für sie muss der Weg vom Bild zum Ergebnis kurz und
  selbsterklärend sein.
- **Empfänger von Teilen-Links** — Großeltern, Kunden. Bekommen einen Link per WhatsApp
  oder Mail, haben **kein Konto**, sind oft am Handy, und sollen ohne Erklärung
  verstehen, was zu tun ist. Können in Bezug auf Technik nichts vorausgesetzt bekommen.

Auf vielen Bildern sind **Kinder**. Das ist keine Randnotiz, sondern der Grund, warum
Voreinstellungen zur Vorsicht neigen.

## Ton

Deutsch, per Du, sachlich und knapp. Erklärt **warum**, nicht nur was. Keine Ausrufezeichen,
keine Jubelsprache, keine Emoji in der Oberfläche (Telegram ausgenommen, dort tragen sie
Funktion). Fehlermeldungen sagen, was zu tun ist, statt was kaputt ist.

Fachbegriffe werden benutzt, wo sie stimmen (Beschnittzugabe, Eckmarken, dpi) — und beim
ersten Auftreten in einem Halbsatz erklärt. Das Werkzeug spricht mit jemandem, der etwas
kann, aber nicht alles wissen muss.

## Anti-Referenzen

- **SaaS-Startseiten-Ästhetik.** Keine Farbverläufe, keine schwebenden Karten mit Schatten,
  keine „Hero-Kennzahl" mit großer Zahl und kleinem Label, keine Kachelraster aus
  Icon + Überschrift + drei Zeilen Text.
- **Adobe-Dichte.** Keine Werkzeugpaletten, keine verschachtelten Reiter, keine
  Einstellung, die man nur mit Handbuch findet.
- **Verspieltes.** Keine abgerundeten Riesenradien, keine Illustrationen mit lachenden
  Menschen, keine Konfetti-Animation nach dem Speichern.
- **Alles-ist-eine-Karte.** Karten nur, wo sie wirklich etwas gruppieren. Nie verschachtelt.

## Grundsätze

1. **Maße sind keine Meinung.** Wo etwas physisch wird, wird gerechnet und nachgemessen,
   nicht geschätzt. Millimeter ist die führende Einheit; Pixel entstehen erst beim Rendern.
2. **Alle Wege können alles.** Web, Telegram und MCP sind gleichberechtigt. Eine neue
   Funktion, die nur im Web geht, ist nicht fertig.
3. **Voreinstellungen neigen zur Vorsicht.** Teilen-Links laufen ab. Private Sitzungen
   hinterlassen nichts. Beim Aufräumen fremder Dateien wird angehalten und gefragt.
4. **Sag, was passiert, bevor es passiert.** „Überstehen (−3 mm)" statt „geht nicht".
   Probelauf vor der Umbenennung. Vorschau, die zeigt, was gedruckt wird.
5. **Fehler gehören ins Log, nicht ins Gesicht des Nutzers** — aber sie gehören
   *irgendwohin*. Nichts still verschlucken.
6. **Es läuft auf einem Server.** Ein Node-Prozess, begrenzter Speicher. Teure Rechnung
   braucht eine Obergrenze, bevor sie beginnt.

## Register-Begründung

Die Oberfläche **dient** der Arbeit, sie ist nicht das Produkt. Ausnahme: `/vorstellung`
ist eine Marketingseite und läuft im Brand-Register.