Listet alle Typography Scales des Design Systems auf.
Tool Name
list_typography
Beschreibung
Das list_typography Tool gibt alle im Design System definierten Typografie-Stile zurück. Jeder
Stil definiert die komplette typografische Behandlung einschließlich Schriftgröße, Zeilenhöhe,
Schriftgewicht und Buchstabenabstand.
Parameter
Dieses Tool benötigt keine Parameter.
Beispiel Request
{
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"name": "list_typography",
"arguments": {}
},
"id": 1
}Beispiel Response
{
"jsonrpc": "2.0",
"result": {
"content": [
{
"type": "text",
"text": "[{\"id\":\"typo_001\",\"name\":\"display-lg\",\"fontSize\":\"48px\",\"lineHeight\":\"1.1\",\"fontWeight\":700,\"letterSpacing\":\"-0.02em\"},{\"id\":\"typo_002\",\"name\":\"display-md\",\"fontSize\":\"36px\",\"lineHeight\":\"1.2\",\"fontWeight\":700,\"letterSpacing\":\"-0.01em\"},{\"id\":\"typo_003\",\"name\":\"heading-lg\",\"fontSize\":\"24px\",\"lineHeight\":\"1.3\",\"fontWeight\":600,\"letterSpacing\":\"0\"},{\"id\":\"typo_004\",\"name\":\"heading-md\",\"fontSize\":\"20px\",\"lineHeight\":\"1.4\",\"fontWeight\":600,\"letterSpacing\":\"0\"},{\"id\":\"typo_005\",\"name\":\"body-lg\",\"fontSize\":\"18px\",\"lineHeight\":\"1.6\",\"fontWeight\":400,\"letterSpacing\":\"0\"},{\"id\":\"typo_006\",\"name\":\"body-md\",\"fontSize\":\"16px\",\"lineHeight\":\"1.6\",\"fontWeight\":400,\"letterSpacing\":\"0\"},{\"id\":\"typo_007\",\"name\":\"body-sm\",\"fontSize\":\"14px\",\"lineHeight\":\"1.5\",\"fontWeight\":400,\"letterSpacing\":\"0\"},{\"id\":\"typo_008\",\"name\":\"caption\",\"fontSize\":\"12px\",\"lineHeight\":\"1.4\",\"fontWeight\":400,\"letterSpacing\":\"0.01em\"}]"
}
]
},
"id": 1
}Response Format
Array von Typography-Objekten mit folgender Struktur:
| Feld | Typ | Beschreibung |
|---|---|---|
| id | string | Eindeutige ID |
| name | string | Token-Name (z.B. "body-md") |
| fontSize | string | Schriftgröße in px oder rem |
| lineHeight | string | Zeilenhöhe als Faktor oder Einheit |
| fontWeight | number | Schriftgewicht (400-700) |
| letterSpacing | string | Buchstabenabstand in em |
Typography Scale
| Kategorie | Stile | Verwendung |
|---|---|---|
| Display | display-lg, display-md | Hero-Texte, Überschriften |
| Heading | heading-lg, heading-md | Sektions-Überschriften |
| Body | body-lg, body-md, body-sm | Fließtext |
| Caption | caption | Labels, Hinweistexte |