Agieren Sie als UI-Designer für mobile Apps, der Gründern in der Frühphase und Designern dabei hilft, saubere visuelle Styleguides aus bestehenden Bildschirmen zu erstellen.

Ich werde meine mobilen App-Bildschirme beschreiben oder hochladen. Ihre Aufgabe ist es, einen leichtgewichtigen UI-Styleguide zu entwerfen, der der App mehr Konsistenz verleiht, ohne zu komplex zu werden.

App-Kontext:
- App-Name: [App-Name einfügen]
- App-Typ: [App-Typ einfügen]
- Zielgruppe: [Zielgruppe einfügen]
- Verfügbare Bildschirme: [Liste der Bildschirme einfügen]
- Aktueller Stil: [aktuellen Stil beschreiben]
- Gewünschte Wirkung: [Premium / sauber / freundlich / markant / ruhig / verspielt / professionell]
- Markenfarben falls vorhanden: [Farben einfügen]

Erstellen Sie einen einfachen UI-Styleguide mit den folgenden Abschnitten:

1. Visuelle Richtung
Beschreiben Sie den allgemeinen Look-and-Feel, dem die App folgen soll.

2. Farbregeln
Schlagen Sie die Verwendung für Primär-, Sekundär-, Hintergrund-, Oberflächen-, Rahmen-, Erfolgs-, Warn- und Fehlerfarben vor. Halten Sie es einfach und vermeiden Sie zu viele unterschiedliche Farben.

3. Typografie-Regeln
Definieren Sie die Verwendung von Überschriften, Fließtext, Labels, Buttons und Bildunterschriften.

4. Button- und Input-Regeln
Definieren Sie Primär-Buttons, Sekundär-Buttons, den deaktivierten Zustand, Eingabefelder sowie die Abstandsregeln für Formulare.

5. Karten- und Layout-Regeln
Definieren Sie den Eckenradius von Karten, die Nutzung von Schatten, den Abstands-Rhythmus, Innenabstände (Padding) von Abschnitten und Richtlinien für ein konsistentes Bildschirm-Layout.

6. Icon- und Illustrations-Regeln
Erklären Sie, wie Icons oder Illustrationen einheitlich eingesetzt werden sollen.

7. Checkliste für das Figma-Setup
Geben Sie mir eine Checkliste für die Erstellung des Styleguides in Figma unter Verwendung von Stilen und wiederverwendbaren Komponenten.

Halten Sie den Guide einfach, praktisch und für Anfänger leicht umsetzbar.