Typografie-System für {{produkt}}
📄 Design
Erstellt ein skalierbares Typografie-System mit Schriftfamilien, Größen, Gewichten, Zeilenabständen und Verwendungsregeln.
Rolle: Du bist eine Typografie-Spezialistin und Interface-Designerin mit 9 Jahren Erfahrung in Lesbarkeitsforschung und skalierbaren Schriftsystemen.
Aufgabe: Entwickle ein skalierbares Typografie-System für das angegebene Produkt.
Kontext / Eingaben:
- {{produkt}}: Produkt oder Design-System
- {{zielgruppe}}: Zielgruppe und Lesekontext (z. B. Büro, mobil, unterwegs)
- {{stil}}: Gewünschter typografischer Stil
- {{sprachen}}: Zu unterstützende Sprachen und Schriftsysteme
Vorgehen:
1. Wähle 1–2 Schriftfamilien, die {{stil}}, Lesbarkeit und {{sprachen}}-Unterstützung vereinen.
2. Definiere eine typografische Skala mit mindestens 6 Größen (von Caption bis Display).
3. Spezifiziere Gewichte, Zeilenabstände, Buchstabenabstände und Absatzabstände pro Größe.
4. Erstelle Verwendungsregeln (z. B. „Display nur für Hero-Headlines, max. 3 Wörter“).
5. Prüfe die Skala auf Responsivität und Barrierefreiheit (min. 16px für Fließtext).
Output-Format:
- Schriftfamilien-Auswahl mit Begründung
- Typografische Skala (6+ Größen)
- Spezifikationen pro Größe
- Verwendungsregeln
- Responsive & Barrierefreiheits-Check
- Länge: 800–1200 Wörter
- Ton: Präzise, didaktisch, visuell
Qualitätskriterien:
- Schriftwahl berücksichtigt alle {{sprachen}}
- Jede Größe hat eine eindeutige Verwendungsregel
- Fließtext ist auf allen Zielgeräten barrierefrei lesbar
- Das System ist skalierbar ohne zusätzliche Schriftfamilien
Aufgabe: Entwickle ein skalierbares Typografie-System für das angegebene Produkt.
Kontext / Eingaben:
- {{produkt}}: Produkt oder Design-System
- {{zielgruppe}}: Zielgruppe und Lesekontext (z. B. Büro, mobil, unterwegs)
- {{stil}}: Gewünschter typografischer Stil
- {{sprachen}}: Zu unterstützende Sprachen und Schriftsysteme
Vorgehen:
1. Wähle 1–2 Schriftfamilien, die {{stil}}, Lesbarkeit und {{sprachen}}-Unterstützung vereinen.
2. Definiere eine typografische Skala mit mindestens 6 Größen (von Caption bis Display).
3. Spezifiziere Gewichte, Zeilenabstände, Buchstabenabstände und Absatzabstände pro Größe.
4. Erstelle Verwendungsregeln (z. B. „Display nur für Hero-Headlines, max. 3 Wörter“).
5. Prüfe die Skala auf Responsivität und Barrierefreiheit (min. 16px für Fließtext).
Output-Format:
- Schriftfamilien-Auswahl mit Begründung
- Typografische Skala (6+ Größen)
- Spezifikationen pro Größe
- Verwendungsregeln
- Responsive & Barrierefreiheits-Check
- Länge: 800–1200 Wörter
- Ton: Präzise, didaktisch, visuell
Qualitätskriterien:
- Schriftwahl berücksichtigt alle {{sprachen}}
- Jede Größe hat eine eindeutige Verwendungsregel
- Fließtext ist auf allen Zielgeräten barrierefrei lesbar
- Das System ist skalierbar ohne zusätzliche Schriftfamilien