Skip to content

Commit 1cf9375

Browse files
feat: updated typography
1 parent c9f8174 commit 1cf9375

8 files changed

+2457
-125
lines changed

styles/typography_alfasans_android.json

Lines changed: 442 additions & 0 deletions
Large diffs are not rendered by default.

styles/typography_alfasans_fixed_android.json

Lines changed: 440 additions & 0 deletions
Large diffs are not rendered by default.

styles/typography_alfasans_ios.json

Lines changed: 460 additions & 0 deletions
Large diffs are not rendered by default.

styles/typography_alfasans_web.json

Lines changed: 494 additions & 0 deletions
Large diffs are not rendered by default.

styles/typography_android.json

Lines changed: 92 additions & 66 deletions
Large diffs are not rendered by default.

styles/typography_fixed_android.json

Lines changed: 436 additions & 0 deletions
Large diffs are not rendered by default.

styles/typography_ios.json

Lines changed: 54 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,14 @@
99
"letter_spacing": 1.25,
1010
"monospace": false
1111
},
12-
"AccentComponent": {
12+
"AccentComponentPrimary": {
1313
"font_size": 17,
1414
"line_height": 22,
1515
"line_spacing": 2,
1616
"font_family": "System",
1717
"font_weight": "bold",
1818
"text_all_caps": false,
19-
"letter_spacing": -0.41,
19+
"letter_spacing": -0.44,
2020
"monospace": false
2121
},
2222
"AccentComponentSecondary": {
@@ -36,7 +36,7 @@
3636
"font_family": "System",
3737
"font_weight": "bold",
3838
"text_all_caps": false,
39-
"letter_spacing": -0.49,
39+
"letter_spacing": -0.46,
4040
"monospace": false
4141
},
4242
"AccentPrimaryMedium": {
@@ -46,7 +46,7 @@
4646
"font_family": "System",
4747
"font_weight": "bold",
4848
"text_all_caps": false,
49-
"letter_spacing": -0.41,
49+
"letter_spacing": -0.44,
5050
"monospace": false
5151
},
5252
"AccentPrimarySmall": {
@@ -76,7 +76,6 @@
7676
"font_family": "System",
7777
"font_weight": "bold",
7878
"text_all_caps": false,
79-
"letter_spacing": 0,
8079
"monospace": false
8180
},
8281
"AccentSecondarySmall": {
@@ -96,7 +95,7 @@
9695
"font_family": "System",
9796
"font_weight": "bold",
9897
"text_all_caps": true,
99-
"letter_spacing": -0.08,
98+
"letter_spacing": 1.25,
10099
"monospace": false
101100
},
102101
"ActionCaps": {
@@ -109,22 +108,22 @@
109108
"letter_spacing": 1.25,
110109
"monospace": false
111110
},
112-
"ActionComponent": {
111+
"ActionComponentPrimary": {
113112
"font_size": 17,
114113
"line_height": 22,
115114
"line_spacing": 2,
116115
"font_family": "System",
117116
"font_weight": "semibold",
118117
"text_all_caps": false,
119-
"letter_spacing": -0.41,
118+
"letter_spacing": -0.44,
120119
"monospace": false
121120
},
122121
"ActionComponentSecondary": {
123122
"font_size": 14,
124123
"line_height": 18,
125124
"line_spacing": 1,
126125
"font_family": "System",
127-
"font_weight": "medium",
126+
"font_weight": "semibold",
128127
"text_all_caps": false,
129128
"letter_spacing": -0.15,
130129
"monospace": false
@@ -136,7 +135,7 @@
136135
"font_family": "System",
137136
"font_weight": "semibold",
138137
"text_all_caps": false,
139-
"letter_spacing": -0.49,
138+
"letter_spacing": -0.46,
140139
"monospace": false
141140
},
142141
"ActionPrimaryMedium": {
@@ -146,7 +145,7 @@
146145
"font_family": "System",
147146
"font_weight": "semibold",
148147
"text_all_caps": false,
149-
"letter_spacing": -0.41,
148+
"letter_spacing": -0.44,
150149
"monospace": false
151150
},
152151
"ActionPrimarySmall": {
@@ -176,7 +175,6 @@
176175
"font_family": "System",
177176
"font_weight": "semibold",
178177
"text_all_caps": false,
179-
"letter_spacing": 0,
180178
"monospace": false
181179
},
182180
"ActionSecondarySmall": {
@@ -196,7 +194,7 @@
196194
"font_family": "System",
197195
"font_weight": "semibold",
198196
"text_all_caps": true,
199-
"letter_spacing": -0.08,
197+
"letter_spacing": 1.25,
200198
"monospace": false
201199
},
202200
"HeadlineLarge": {
@@ -246,7 +244,7 @@
246244
"font_family": "System",
247245
"font_weight": "semibold",
248246
"text_all_caps": false,
249-
"letter_spacing": -0.41,
247+
"letter_spacing": -0.44,
250248
"monospace": false
251249
},
252250
"MonoPrimaryLarge": {
@@ -256,7 +254,7 @@
256254
"font_family": "System",
257255
"font_weight": "regular",
258256
"text_all_caps": false,
259-
"letter_spacing": -0.49,
257+
"letter_spacing": -0.46,
260258
"monospace": true
261259
},
262260
"MonoPrimaryMedium": {
@@ -266,7 +264,7 @@
266264
"font_family": "System",
267265
"font_weight": "regular",
268266
"text_all_caps": false,
269-
"letter_spacing": -0.41,
267+
"letter_spacing": -0.44,
270268
"monospace": true
271269
},
272270
"MonoPrimarySmall": {
@@ -296,7 +294,6 @@
296294
"font_family": "System",
297295
"font_weight": "regular",
298296
"text_all_caps": false,
299-
"letter_spacing": 0,
300297
"monospace": true
301298
},
302299
"MonoSecondarySmall": {
@@ -314,19 +311,19 @@
314311
"line_height": 16,
315312
"line_spacing": 3,
316313
"font_family": "System",
317-
"font_weight": "medium",
314+
"font_weight": "regular",
318315
"text_all_caps": true,
319316
"letter_spacing": 1.25,
320317
"monospace": false
321318
},
322-
"ParagraphComponent": {
319+
"ParagraphComponentPrimary": {
323320
"font_size": 17,
324321
"line_height": 22,
325322
"line_spacing": 2,
326323
"font_family": "System",
327324
"font_weight": "regular",
328325
"text_all_caps": false,
329-
"letter_spacing": -0.41,
326+
"letter_spacing": -0.44,
330327
"monospace": false
331328
},
332329
"ParagraphComponentSecondary": {
@@ -346,7 +343,7 @@
346343
"font_family": "System",
347344
"font_weight": "regular",
348345
"text_all_caps": false,
349-
"letter_spacing": -0.49,
346+
"letter_spacing": -0.46,
350347
"monospace": false
351348
},
352349
"ParagraphPrimaryMedium": {
@@ -356,7 +353,7 @@
356353
"font_family": "System",
357354
"font_weight": "regular",
358355
"text_all_caps": false,
359-
"letter_spacing": -0.41,
356+
"letter_spacing": -0.44,
360357
"monospace": false
361358
},
362359
"ParagraphPrimarySmall": {
@@ -386,7 +383,6 @@
386383
"font_family": "System",
387384
"font_weight": "regular",
388385
"text_all_caps": false,
389-
"letter_spacing": 0,
390386
"monospace": false
391387
},
392388
"ParagraphSecondarySmall": {
@@ -406,7 +402,7 @@
406402
"font_family": "System",
407403
"font_weight": "regular",
408404
"text_all_caps": true,
409-
"letter_spacing": -0.08,
405+
"letter_spacing": 1.25,
410406
"monospace": false
411407
},
412408
"PromoLarge": {
@@ -456,9 +452,31 @@
456452
"font_family": "System",
457453
"font_weight": "regular",
458454
"text_all_caps": false,
459-
"letter_spacing": -0.41,
455+
"letter_spacing": -0.44,
460456
"monospace": false
461457
},
458+
"AccentComponent": {
459+
"font_size": 17,
460+
"line_height": 22,
461+
"line_spacing": 2,
462+
"font_family": "System",
463+
"font_weight": "bold",
464+
"text_all_caps": false,
465+
"letter_spacing": -0.41,
466+
"monospace": false,
467+
"deprecated": true
468+
},
469+
"ActionComponent": {
470+
"font_size": 17,
471+
"line_height": 22,
472+
"line_spacing": 2,
473+
"font_family": "System",
474+
"font_weight": "semibold",
475+
"text_all_caps": false,
476+
"letter_spacing": -0.41,
477+
"monospace": false,
478+
"deprecated": true
479+
},
462480
"Caption1": {
463481
"alias": "smallCaps",
464482
"font_size": 11,
@@ -572,6 +590,17 @@
572590
"monospace": false,
573591
"deprecated": true
574592
},
593+
"ParagraphComponent": {
594+
"font_size": 17,
595+
"line_height": 22,
596+
"line_spacing": 2,
597+
"font_family": "System",
598+
"font_weight": "regular",
599+
"text_all_caps": false,
600+
"letter_spacing": -0.41,
601+
"monospace": false,
602+
"deprecated": true
603+
},
575604
"PrimaryComponents.Bold": {
576605
"font_size": 17,
577606
"line_height": 22,

styles/typography_web.json

Lines changed: 39 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@
6666
"action_caps": {
6767
"font_size": 12,
6868
"line_height": 16,
69-
"font_weight": 700,
69+
"font_weight": 500,
7070
"letter_spacing": 1.25,
7171
"text_transform": "uppercase",
7272
"font_family": "var(--font-family-system)"
@@ -122,7 +122,7 @@
122122
"action_tagline": {
123123
"font_size": 12,
124124
"line_height": 16,
125-
"font_weight": 700,
125+
"font_weight": 500,
126126
"letter_spacing": 1.25,
127127
"text_transform": "uppercase",
128128
"font_family": "var(--font-family-system)"
@@ -247,40 +247,10 @@
247247
"font_weight": 600,
248248
"font_family": "var(--font-family-system)"
249249
},
250-
"key_large": {
251-
"font_size": 120,
252-
"line_height": 132,
253-
"font_weight": 500,
254-
"font_family": "var(--font-family-styrene)"
255-
},
256-
"key_medium": {
257-
"font_size": 96,
258-
"line_height": 120,
259-
"font_weight": 500,
260-
"font_family": "var(--font-family-styrene)"
261-
},
262-
"key_small": {
263-
"font_size": 80,
264-
"line_height": 96,
265-
"font_weight": 500,
266-
"font_family": "var(--font-family-styrene)"
267-
},
268-
"key_xlarge": {
269-
"font_size": 144,
270-
"line_height": 180,
271-
"font_weight": 500,
272-
"font_family": "var(--font-family-styrene)"
273-
},
274-
"key_xsmall": {
275-
"font_size": 64,
276-
"line_height": 80,
277-
"font_weight": 500,
278-
"font_family": "var(--font-family-styrene)"
279-
},
280250
"paragraph_caps": {
281251
"font_size": 12,
282252
"line_height": 16,
283-
"font_weight": 500,
253+
"font_weight": 400,
284254
"letter_spacing": 1.25,
285255
"text_transform": "uppercase",
286256
"font_family": "var(--font-family-system)"
@@ -336,7 +306,7 @@
336306
"paragraph_tagline": {
337307
"font_size": 12,
338308
"line_height": 16,
339-
"font_weight": 500,
309+
"font_weight": 400,
340310
"letter_spacing": 1.25,
341311
"text_transform": "uppercase",
342312
"font_family": "var(--font-family-system)"
@@ -475,6 +445,41 @@
475445
"font_family": "var(--font-family-system)",
476446
"deprecated": true
477447
},
448+
"key_large": {
449+
"font_size": 120,
450+
"line_height": 132,
451+
"font_weight": 500,
452+
"font_family": "var(--font-family-styrene)",
453+
"deprecated": true
454+
},
455+
"key_medium": {
456+
"font_size": 96,
457+
"line_height": 120,
458+
"font_weight": 500,
459+
"font_family": "var(--font-family-styrene)",
460+
"deprecated": true
461+
},
462+
"key_small": {
463+
"font_size": 80,
464+
"line_height": 96,
465+
"font_weight": 500,
466+
"font_family": "var(--font-family-styrene)",
467+
"deprecated": true
468+
},
469+
"key_xlarge": {
470+
"font_size": 144,
471+
"line_height": 180,
472+
"font_weight": 500,
473+
"font_family": "var(--font-family-styrene)",
474+
"deprecated": true
475+
},
476+
"key_xsmall": {
477+
"font_size": 64,
478+
"line_height": 80,
479+
"font_weight": 500,
480+
"font_family": "var(--font-family-styrene)",
481+
"deprecated": true
482+
},
478483
"paragraph_component": {
479484
"font_size": 16,
480485
"line_height": 20,

0 commit comments

Comments
 (0)