Analysiere die Benutzeroberflaeche in diesem Screenshot gruendlich und beschreibe sie so detailliert wie moeglich, damit eine Uebergabe von einem UI-Designer an einen Entwickler erfolgen kann. Der Brief soll sowohl den hellen als auch den dunklen Modus abdecken und responsive Breakpoints enthalten, die den Standardwerten von Tailwind CSS v4 3 entsprechen. Gib die Eigenschaften als strukturiertes JSONC aus.
Diese Uebersetzung dient nur dem Verstaendnis. Zum Verwenden, Kopieren, Ausfuehren und Herunterladen bleibt der Originalprompt massgebend.
Das ist ein Dashboard einer modernen App fuer Regierungspruefungen namens AuditFlow. Analysiere die Benutzeroberflaeche in diesem Screenshot gruendlich und beschreibe sie so detailliert wie moeglich, damit eine Uebergabe von einem UI-Designer an einen Entwickler erfolgen kann. Der Brief soll sowohl den hellen als auch den dunklen Modus abdecken und responsive Breakpoints enthalten, die den Standardwerten von Tailwind CSS v4 3 entsprechen. Gib die Eigenschaften als strukturiertes JSONC aus. Erfasse fuer Farben eine ungefaehre Palette und beschreibe nur Akzente und komplexe Medien genauer. Das Ziel ist, nur zwei Paletten zu verwenden, eine primare und eine sekundare, aehnlich wie bei Tailwind Farben. Zusaetzlich dazu kannst du beliebig viele Grautoene und Akzentfarben fuer komplexere UI Elemente wie Verlaeufe, Schatten oder SVGs definieren. Beende mit einer Anleitung, wie ein Entwickler die UI umsetzen soll, erwaehne dabei aber keine technischen Details, sondern nur den UI Brief fuer die Umsetzung sowie die Regeln und die Verwendung der Tokens. Gib den Prompt als Markdown Codeblock aus. Die Ausgabe soll aus zwei Codebloecken bestehen, einem fuer den Designbrief und einem fuer die JSONC Design Spezifikation.