diff --git a/tokens.json b/tokens.json index cd152be..1e4f93e 100644 --- a/tokens.json +++ b/tokens.json @@ -1342,70 +1342,90 @@ "caption": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.10}" + "fontSize": "{core.fontSizes.10}", + "fontWeight": "{core.fontWeights.40}", + "fontFamily": "{core.fontFamilies.default}" }, "$description": "12px - selten Verwendung in informationsreichen Interfaces für z.B. Fußnoten, Hinweise oder weniger prominente Labels" }, "label": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.20}" + "fontSize": "{core.fontSizes.20}", + "fontFamily": "{core.fontFamilies.default}", + "fontWeight": "{core.fontWeights.30}" }, "$description": "14px - für kleinere Textelemente, wie Labels, Hilfetexte oder sekundäre Informationen, die nicht zu dominant wirken sollen" }, "subtext": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.30}" + "fontSize": "{core.fontSizes.30}", + "fontFamily": "{core.fontFamilies.default}", + "fontWeight": "{core.fontWeights.20}" }, "$description": "16px - Standardgröße, wird für die meisten Textabschnitte verwendet und bietet gute Lesbarkeit auf verschiedenen Geräten." }, "body": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.40}" + "fontSize": "{core.fontSizes.40}", + "fontFamily": "{core.fontFamilies.default}", + "fontWeight": "{core.fontWeights.10}" }, "$description": "18px - leicht hervorgehobenen Text, z.B. in Abschnittsüberschriften/Subtitles, die etwas mehr Gewicht als Fließtext haben sollen" }, "subheading": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.50}" + "fontSize": "{core.fontSizes.50}", + "fontFamily": "{core.fontFamilies.default}", + "fontWeight": "{core.fontWeights.20}" }, "$description": "20px - Geeignet für kleinere Überschriften oder Call-to-Action-Texte, die mehr Aufmerksamkeit als normaler Text erfordern" }, "heading": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.60}" + "fontSize": "{core.fontSizes.60}", + "fontFamily": "{core.fontFamilies.default}", + "fontWeight": "{core.fontWeights.30}" }, "$description": "24px - Verwende für mittlere Überschriften oder wichtige Textabschnitte, die sich klar vom Fließtext abheben sollen" }, "title": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.70}" + "fontSize": "{core.fontSizes.70}", + "fontFamily": "{core.fontFamilies.default}", + "fontWeight": "{core.fontWeights.30}" }, "$description": "28px - Nutze für Hauptüberschriften oder größere UI-Komponenten, die gut sichtbar, aber nicht dominant sein sollen" }, "lead": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.80}" + "fontSize": "{core.fontSizes.80}", + "fontWeight": "{core.fontWeights.40}", + "fontFamily": "{core.fontFamilies.default}" }, "$description": "32px - für markante Überschriften in wichtigen Bereichen wie Startseiten, Hero-Bannern oder zentralen UI-Elementen" }, "spotlight": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.90}" + "fontSize": "{core.fontSizes.90}", + "fontFamily": "{core.fontFamilies.default}", + "fontWeight": "{core.fontWeights.50}" }, "$description": "48px - für sehr große Überschriften oder markante Textelemente, die maximale Aufmerksamkeit benötigen" }, "display": { "$type": "typography", "$value": { - "fontSize": "{core.fontSizes.100}" + "fontSize": "{core.fontSizes.100}", + "fontFamily": "{core.fontFamilies.default}", + "fontWeight": "{core.fontWeights.60}" }, "$description": "64px - für herausragende Überschriften in Hero-Bannern oder prominenten Titelseiten," }