Skip to content

Commit 5501cb2

Browse files
twjefferybdfranck
twjeffery
authored and
bdfranck
committed
Add V2 typography tokens with refined heading/body scales
- Add heading 2xl (48px) and 2xs (16px) - Add letterSpacing to all headings - Rename heading scale for semantic alignment - Fix heading weights and sizes per Figma V2 - Refine body.l, remove body.xl
1 parent f52a1e3 commit 5501cb2

File tree

1 file changed

+85
-27
lines changed

1 file changed

+85
-27
lines changed

‎data/goa-global-design-tokens.json‎

Lines changed: 85 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -794,6 +794,10 @@
794794
"value": "-1.5",
795795
"type": "letterSpacing"
796796
},
797+
"2xl": {
798+
"value": "-1.5",
799+
"type": "letterSpacing"
800+
},
797801
"mobile": {
798802
"3xs": {
799803
"value": "-0.5",
@@ -822,53 +826,82 @@
822826
"xl": {
823827
"value": "-1.5",
824828
"type": "letterSpacing"
829+
},
830+
"2xl": {
831+
"value": "-1.5",
832+
"type": "letterSpacing"
825833
}
826834
}
827835
},
828836
"typography": {
829837
"heading": {
830-
"xs": {
838+
"2xs": {
831839
"value": {
832840
"fontFamily": "{fontFamily.sans}",
833-
"fontWeight": "{fontWeight.bold}",
841+
"fontWeight": "{fontWeight.semiBold}",
834842
"fontSize": "{fontSize.3}",
835-
"lineHeight": "{lineHeight.2}"
843+
"lineHeight": "{lineHeight.2}",
844+
"letterSpacing": "{letterSpacing.2xs}"
845+
},
846+
"type": "typography"
847+
},
848+
"xs": {
849+
"value": {
850+
"fontFamily": "{fontFamily.sans}",
851+
"fontWeight": "{fontWeight.semiBold}",
852+
"fontSize": "{fontSize.5}",
853+
"lineHeight": "{lineHeight.3}",
854+
"letterSpacing": "{letterSpacing.xs}"
836855
},
837856
"type": "typography"
838857
},
839858
"s": {
840859
"value": {
841860
"fontFamily": "{fontFamily.sans}",
842-
"fontWeight": "{fontWeight.bold}",
843-
"fontSize": "{fontSize.4}",
844-
"lineHeight": "{lineHeight.3}"
861+
"fontWeight": "{fontWeight.semiBold}",
862+
"fontSize": "{fontSize.6}",
863+
"lineHeight": "{lineHeight.4}",
864+
"letterSpacing": "{letterSpacing.s}"
845865
},
846866
"type": "typography"
847867
},
848868
"m": {
849869
"value": {
850870
"fontFamily": "{fontFamily.sans}",
851-
"fontWeight": "{fontWeight.regular}",
871+
"fontWeight": "{fontWeight.bold}",
852872
"fontSize": "{fontSize.7}",
853-
"lineHeight": "{lineHeight.4}"
873+
"lineHeight": "{lineHeight.5}",
874+
"letterSpacing": "{letterSpacing.m}"
854875
},
855876
"type": "typography"
856877
},
857878
"l": {
858879
"value": {
859880
"fontFamily": "{fontFamily.sans}",
860-
"fontWeight": "{fontWeight.regular}",
861-
"fontSize": "{fontSize.9}",
862-
"lineHeight": "{lineHeight.6}"
881+
"fontWeight": "{fontWeight.bold}",
882+
"fontSize": "{fontSize.8}",
883+
"lineHeight": "{lineHeight.6}",
884+
"letterSpacing": "{letterSpacing.l}"
863885
},
864886
"type": "typography"
865887
},
866888
"xl": {
889+
"value": {
890+
"fontFamily": "{fontFamily.sans}",
891+
"fontWeight": "{fontWeight.bold}",
892+
"fontSize": "{fontSize.9}",
893+
"lineHeight": "{lineHeight.7}",
894+
"letterSpacing": "{letterSpacing.xl}"
895+
},
896+
"type": "typography"
897+
},
898+
"2xl": {
867899
"value": {
868900
"fontFamily": "{fontFamily.sans}",
869901
"fontWeight": "{fontWeight.bold}",
870902
"fontSize": "{fontSize.10}",
871-
"lineHeight": "{lineHeight.7}"
903+
"lineHeight": "{lineHeight.8}",
904+
"letterSpacing": "{letterSpacing.2xl}"
872905
},
873906
"type": "typography"
874907
}
@@ -905,8 +938,8 @@
905938
"value": {
906939
"fontFamily": "{fontFamily.sans}",
907940
"fontWeight": "{fontWeight.regular}",
908-
"fontSize": "{fontSize.7}",
909-
"lineHeight": "{lineHeight.4}"
941+
"fontSize": "{fontSize.6}",
942+
"lineHeight": "{lineHeight.5}"
910943
},
911944
"type": "typography"
912945
}
@@ -942,48 +975,73 @@
942975
},
943976
"mobile": {
944977
"heading": {
945-
"xs": {
978+
"2xs": {
946979
"value": {
947980
"fontFamily": "{fontFamily.sans}",
948-
"fontWeight": "{fontWeight.bold}",
981+
"fontWeight": "{fontWeight.semiBold}",
949982
"fontSize": "{fontSize.3}",
950-
"lineHeight": "{lineHeight.2}"
983+
"lineHeight": "{lineHeight.2}",
984+
"letterSpacing": "{letterSpacing.mobile.2xs}"
985+
},
986+
"type": "typography"
987+
},
988+
"xs": {
989+
"value": {
990+
"fontFamily": "{fontFamily.sans}",
991+
"fontWeight": "{fontWeight.semiBold}",
992+
"fontSize": "{fontSize.5}",
993+
"lineHeight": "{lineHeight.3}",
994+
"letterSpacing": "{letterSpacing.mobile.xs}"
951995
},
952996
"type": "typography"
953997
},
954998
"s": {
955999
"value": {
9561000
"fontFamily": "{fontFamily.sans}",
957-
"fontWeight": "{fontWeight.bold}",
958-
"fontSize": "{fontSize.4}",
959-
"lineHeight": "{lineHeight.3}"
1001+
"fontWeight": "{fontWeight.semiBold}",
1002+
"fontSize": "{fontSize.6}",
1003+
"lineHeight": "{lineHeight.4}",
1004+
"letterSpacing": "{letterSpacing.mobile.s}"
9601005
},
9611006
"type": "typography"
9621007
},
9631008
"m": {
9641009
"value": {
9651010
"fontFamily": "{fontFamily.sans}",
966-
"fontWeight": "{fontWeight.regular}",
1011+
"fontWeight": "{fontWeight.bold}",
9671012
"fontSize": "{fontSize.7}",
968-
"lineHeight": "{lineHeight.4}"
1013+
"lineHeight": "{lineHeight.5}",
1014+
"letterSpacing": "{letterSpacing.mobile.m}"
9691015
},
9701016
"type": "typography"
9711017
},
9721018
"l": {
9731019
"value": {
9741020
"fontFamily": "{fontFamily.sans}",
975-
"fontWeight": "{fontWeight.regular}",
1021+
"fontWeight": "{fontWeight.bold}",
9761022
"fontSize": "{fontSize.8}",
977-
"lineHeight": "{lineHeight.5}"
1023+
"lineHeight": "{lineHeight.6}",
1024+
"letterSpacing": "{letterSpacing.mobile.l}"
9781025
},
9791026
"type": "typography"
9801027
},
9811028
"xl": {
1029+
"value": {
1030+
"fontFamily": "{fontFamily.sans}",
1031+
"fontWeight": "{fontWeight.bold}",
1032+
"fontSize": "{fontSize.8}",
1033+
"lineHeight": "{lineHeight.6}",
1034+
"letterSpacing": "{letterSpacing.mobile.xl}"
1035+
},
1036+
"type": "typography"
1037+
},
1038+
"2xl": {
9821039
"value": {
9831040
"fontFamily": "{fontFamily.sans}",
9841041
"fontWeight": "{fontWeight.bold}",
9851042
"fontSize": "{fontSize.9}",
986-
"lineHeight": "{lineHeight.6}"
1043+
"lineHeight": "{lineHeight.7}",
1044+
"letterSpacing": "{letterSpacing.mobile.2xl}"
9871045
},
9881046
"type": "typography"
9891047
}
@@ -1020,8 +1078,8 @@
10201078
"value": {
10211079
"fontFamily": "{fontFamily.sans}",
10221080
"fontWeight": "{fontWeight.regular}",
1023-
"fontSize": "{fontSize.8}",
1024-
"lineHeight": "{lineHeight.4}"
1081+
"fontSize": "{fontSize.7}",
1082+
"lineHeight": "{lineHeight.5}"
10251083
},
10261084
"type": "typography"
10271085
}

0 commit comments

Comments
 (0)