add font-family and font-weight info to fontSize tokens

StabiBerlin · Nov 12, 2024 · cbff8d6 · cbff8d6
1 parent c76534d
commit cbff8d6
Showing 1 changed file with 30 additions and 10 deletions.
diff --git 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,"
       }