Darstellung

UI, Branding und responsive Verhalten.

Darstellung

Die Oberfläche des Signaturportals besteht aus drei Bereichen. Alle Einstellungen lassen sich über die Organisationskonfiguration festlegen.

Layoutschema

Navbar (oben)

  • Logo der Organisation (oben links)
  • Farbschema der Leiste (Teil des colorscheme)

Seitenleiste (links)

  • Erklärender Text zum aktuellen Vorgang
  • Hilfselemente (Kontakt/Link zu Hinweisen)

Inhaltsbereich

  • Formular‑/Signaturfelder
  • Validierung und Abschlussaktion

Beispielansicht

Beispielansicht des Signaturportals

Die Darstellung ist für Desktop und Mobil optimiert. Das Signaturfeld erscheint an der fest definierten Position im Dokument.

Branding & Farben

Colorscheme:

Das Farbschema (colorscheme) enthält Teilwerte für Navbar, Seitenhintergrund und Akzente. Logo wird separat gepflegt.

Empfehlungen:

  • Kontrastreiche Werte für Text/Buttons
  • Einheitliche Akzentfarbe für interaktive Elemente

Seitenleiste: Inhalte

Die Seitenleiste bietet kontextbezogene Unterstützung, z. B.:

  • Kurze Beschreibung des Vorgangs
  • Hinweise zur Unterschrift
  • Optional: Kontakt/Support‑Link

Barrierefreiheit

  • Kontrast‑Umschaltung, Textgrößen, Lesbarkeit (Schalter)
  • Tastaturbedienung und sichtbarer Fokus
  • Semantische Struktur/ARIA für Screenreader

Konfiguration

Branding/Design lässt sich auf zwei Wegen setzen:

  1. Per API: /docs/api/aufrufe#design-fur-das-signaturportal-festlegen
  2. Im Verwaltungsportal: /docs/api/verwaltungsportal/einrichtungseinstellungen