From 1b599a58622e09946a94a96c22b87ce06008d7b2 Mon Sep 17 00:00:00 2001 From: wayshev <61538408+wayshev@users.noreply.github.com> Date: Thu, 7 Oct 2021 16:39:47 +0300 Subject: [PATCH 1/3] add typography tokens for web --- main.valette/typography_web.json | 220 +++++++++++++++++++++++++++++++ 1 file changed, 220 insertions(+) create mode 100644 main.valette/typography_web.json diff --git a/main.valette/typography_web.json b/main.valette/typography_web.json new file mode 100644 index 0000000..8c930b5 --- /dev/null +++ b/main.valette/typography_web.json @@ -0,0 +1,220 @@ +{ + "title1_semibold": { + "font_size": 24, + "line_height": 28, + "letter_spacing": -0.02, + "font_weight": 600, + "font_name": "vk_sans" + }, + "title1_bold": { + "font_size": 24, + "line_height": 28, + "letter_spacing": -0.02, + "font_weight": 700, + "font_name": "vk_sans" + }, + "title1_heavy": { + "font_size": 24, + "line_height": 28, + "letter_spacing": -0.02, + "font_weight": 700, + "font_name": "vk_sans" + }, + "title2_regular": { + "font_size": 20, + "line_height": 24, + "letter_spacing": -0.02, + "font_weight": 400, + "font_name": "vk_sans" + }, + "title2_demibold": { + "font_size": 20, + "line_height": 24, + "letter_spacing": -0.02, + "font_weight": 600, + "font_name": "vk_sans" + }, + "title2_heavy": { + "font_size": 20, + "line_height": 24, + "letter_spacing": -0.02, + "font_weight": 700, + "font_name": "vk_sans" + }, + "title3_regular": { + "font_size": 17, + "line_height": 22, + "letter_spacing": -0.013, + "font_weight": 400, + "font_name": "vk_sans" + }, + "title3_medium": { + "font_size": 17, + "line_height": 22, + "letter_spacing": -0.013, + "font_weight": 500, + "font_name": "vk_sans" + }, + "title3_demibold": { + "font_size": 17, + "line_height": 22, + "letter_spacing": -0.013, + "font_weight": 600, + "font_name": "vk_sans" + }, + "headline_regular": { + "font_size": 16, + "line_height": 20, + "letter_spacing": -0.01, + "font_weight": 400, + "font_name": "vk_sans" + }, + "headline_medium": { + "font_size": 16, + "line_height": 20, + "letter_spacing": -0.01, + "font_weight": 500, + "font_name": "vk_sans" + }, + "headline_demibold": { + "font_size": 16, + "line_height": 20, + "letter_spacing": -0.01, + "font_weight": 600, + "font_name": "vk_sans" + }, + "text_regular": { + "font_size": 15, + "line_height": 20, + "letter_spacing": -0.007, + "font_weight": 400, + "font_name": "vk_sans" + }, + "text_medium": { + "font_size": 15, + "line_height": 20, + "letter_spacing": -0.007, + "font_weight": 500, + "font_name": "vk_sans" + }, + "text_semibold": { + "font_size": 15, + "line_height": 20, + "letter_spacing": -0.007, + "font_weight": 600, + "font_name": "vk_sans" + }, + "subhead_regular": { + "font_size": 14, + "line_height": 18, + "letter_spacing": -0.004, + "font_weight": 400, + "font_name": "vk_sans" + }, + "subhead_medium": { + "font_size": 14, + "line_height": 18, + "letter_spacing": -0.004, + "font_weight": 500, + "font_name": "vk_sans" + }, + "subhead_demibold": { + "font_size": 14, + "line_height": 18, + "letter_spacing": -0.004, + "font_weight": 600, + "font_name": "vk_sans" + }, + "subhead_bold": { + "font_size": 14, + "line_height": 18, + "letter_spacing": -0.004, + "font_weight": 700, + "font_name": "vk_sans" + }, + "caption1_regular": { + "font_size": 13, + "line_height": 16, + "letter_spacing": 0, + "font_weight": 400, + "font_name": "vk_sans" + }, + "caption1_medium": { + "font_size": 13, + "line_height": 16, + "letter_spacing": 0, + "font_weight": 500, + "font_name": "vk_sans" + }, + "caption1_demibold": { + "font_size": 13, + "line_height": 16, + "letter_spacing": 0, + "font_weight": 600, + "font_name": "vk_sans" + }, + "caption_caps1_demibold": { + "font_size": 13, + "line_height": 16, + "letter_spacing": 0, + "font_weight": 600, + "font_name": "vk_sans" + }, + "caption2_regular": { + "font_size": 12, + "line_height": 14, + "letter_spacing": 0.005, + "font_weight": 400, + "font_name": "vk_sans" + }, + "caption2_medium": { + "font_size": 12, + "line_height": 14, + "letter_spacing": 0.005, + "font_weight": 500, + "font_name": "vk_sans" + }, + "caption2_semibold": { + "font_size": 12, + "line_height": 14, + "letter_spacing": 0.005, + "font_weight": 600, + "font_name": "vk_sans" + }, + "caption_caps2_demibold": { + "font_size": 12, + "line_height": 14, + "letter_spacing": 0.005, + "font_weight": 600, + "font_name": "vk_sans" + }, + "caption3_regular": { + "font_size": 11, + "line_height": 12, + "letter_spacing": 0.01, + "font_weight": 400, + "font_name": "vk_sans" + }, + "caption_caps3_demibold": { + "font_size": 11, + "line_height": 12, + "letter_spacing": 0.01, + "font_weight": 500, + "font_name": "vk_sans" + }, + "caption4_regular": { + "font_size": 9, + "line_height": 12, + "letter_spacing": 0.02, + "font_weight": 600, + "font_name": "vk_sans" + }, + "caption_caps4_bold": { + "font_size": 9, + "line_height": 12, + "letter_spacing": 0.02, + "font_weight": 700, + "font_name": "vk_sans" + } +} + From 83727f56423484dcede15bac621376d9effb1201 Mon Sep 17 00:00:00 2001 From: wayshev <61538408+wayshev@users.noreply.github.com> Date: Thu, 7 Oct 2021 16:42:37 +0300 Subject: [PATCH 2/3] Update typography_web.json --- main.valette/typography_web.json | 62 ++++++++++++++++---------------- 1 file changed, 31 insertions(+), 31 deletions(-) diff --git a/main.valette/typography_web.json b/main.valette/typography_web.json index 8c930b5..a417c49 100644 --- a/main.valette/typography_web.json +++ b/main.valette/typography_web.json @@ -4,217 +4,217 @@ "line_height": 28, "letter_spacing": -0.02, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_display" }, "title1_bold": { "font_size": 24, "line_height": 28, "letter_spacing": -0.02, "font_weight": 700, - "font_name": "vk_sans" + "font_name": "vk_sans_display" }, "title1_heavy": { "font_size": 24, "line_height": 28, "letter_spacing": -0.02, "font_weight": 700, - "font_name": "vk_sans" + "font_name": "vk_sans_display" }, "title2_regular": { "font_size": 20, "line_height": 24, "letter_spacing": -0.02, "font_weight": 400, - "font_name": "vk_sans" + "font_name": "vk_sans_display" }, "title2_demibold": { "font_size": 20, "line_height": 24, "letter_spacing": -0.02, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_display" }, "title2_heavy": { "font_size": 20, "line_height": 24, "letter_spacing": -0.02, "font_weight": 700, - "font_name": "vk_sans" + "font_name": "vk_sans_display" }, "title3_regular": { "font_size": 17, "line_height": 22, "letter_spacing": -0.013, "font_weight": 400, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "title3_medium": { "font_size": 17, "line_height": 22, "letter_spacing": -0.013, "font_weight": 500, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "title3_demibold": { "font_size": 17, "line_height": 22, "letter_spacing": -0.013, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "headline_regular": { "font_size": 16, "line_height": 20, "letter_spacing": -0.01, "font_weight": 400, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "headline_medium": { "font_size": 16, "line_height": 20, "letter_spacing": -0.01, "font_weight": 500, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "headline_demibold": { "font_size": 16, "line_height": 20, "letter_spacing": -0.01, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "text_regular": { "font_size": 15, "line_height": 20, "letter_spacing": -0.007, "font_weight": 400, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "text_medium": { "font_size": 15, "line_height": 20, "letter_spacing": -0.007, "font_weight": 500, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "text_semibold": { "font_size": 15, "line_height": 20, "letter_spacing": -0.007, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "subhead_regular": { "font_size": 14, "line_height": 18, "letter_spacing": -0.004, "font_weight": 400, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "subhead_medium": { "font_size": 14, "line_height": 18, "letter_spacing": -0.004, "font_weight": 500, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "subhead_demibold": { "font_size": 14, "line_height": 18, "letter_spacing": -0.004, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "subhead_bold": { "font_size": 14, "line_height": 18, "letter_spacing": -0.004, "font_weight": 700, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption1_regular": { "font_size": 13, "line_height": 16, "letter_spacing": 0, "font_weight": 400, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption1_medium": { "font_size": 13, "line_height": 16, "letter_spacing": 0, "font_weight": 500, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption1_demibold": { "font_size": 13, "line_height": 16, "letter_spacing": 0, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption_caps1_demibold": { "font_size": 13, "line_height": 16, "letter_spacing": 0, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption2_regular": { "font_size": 12, "line_height": 14, "letter_spacing": 0.005, "font_weight": 400, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption2_medium": { "font_size": 12, "line_height": 14, "letter_spacing": 0.005, "font_weight": 500, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption2_semibold": { "font_size": 12, "line_height": 14, "letter_spacing": 0.005, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption_caps2_demibold": { "font_size": 12, "line_height": 14, "letter_spacing": 0.005, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption3_regular": { "font_size": 11, "line_height": 12, "letter_spacing": 0.01, "font_weight": 400, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption_caps3_demibold": { "font_size": 11, "line_height": 12, "letter_spacing": 0.01, "font_weight": 500, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption4_regular": { "font_size": 9, "line_height": 12, "letter_spacing": 0.02, "font_weight": 600, - "font_name": "vk_sans" + "font_name": "vk_sans_text" }, "caption_caps4_bold": { "font_size": 9, "line_height": 12, "letter_spacing": 0.02, "font_weight": 700, - "font_name": "vk_sans" + "font_name": "vk_sans_text" } } From d1c23885bd74dc20f629b69080ee75f56329fa71 Mon Sep 17 00:00:00 2001 From: wayshev <61538408+wayshev@users.noreply.github.com> Date: Thu, 7 Oct 2021 16:48:51 +0300 Subject: [PATCH 3/3] Update typography_web.json --- main.valette/typography_web.json | 62 ++++++++++++++++---------------- 1 file changed, 31 insertions(+), 31 deletions(-) diff --git a/main.valette/typography_web.json b/main.valette/typography_web.json index a417c49..9a17cb7 100644 --- a/main.valette/typography_web.json +++ b/main.valette/typography_web.json @@ -4,217 +4,217 @@ "line_height": 28, "letter_spacing": -0.02, "font_weight": 600, - "font_name": "vk_sans_display" + "font_name": "VK Sans Display" }, "title1_bold": { "font_size": 24, "line_height": 28, "letter_spacing": -0.02, "font_weight": 700, - "font_name": "vk_sans_display" + "font_name": "VK Sans Display" }, "title1_heavy": { "font_size": 24, "line_height": 28, "letter_spacing": -0.02, "font_weight": 700, - "font_name": "vk_sans_display" + "font_name": "VK Sans Display" }, "title2_regular": { "font_size": 20, "line_height": 24, "letter_spacing": -0.02, "font_weight": 400, - "font_name": "vk_sans_display" + "font_name": "VK Sans Display" }, "title2_demibold": { "font_size": 20, "line_height": 24, "letter_spacing": -0.02, "font_weight": 600, - "font_name": "vk_sans_display" + "font_name": "VK Sans Display" }, "title2_heavy": { "font_size": 20, "line_height": 24, "letter_spacing": -0.02, "font_weight": 700, - "font_name": "vk_sans_display" + "font_name": "VK Sans Display" }, "title3_regular": { "font_size": 17, "line_height": 22, "letter_spacing": -0.013, "font_weight": 400, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "title3_medium": { "font_size": 17, "line_height": 22, "letter_spacing": -0.013, "font_weight": 500, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "title3_demibold": { "font_size": 17, "line_height": 22, "letter_spacing": -0.013, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "headline_regular": { "font_size": 16, "line_height": 20, "letter_spacing": -0.01, "font_weight": 400, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "headline_medium": { "font_size": 16, "line_height": 20, "letter_spacing": -0.01, "font_weight": 500, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "headline_demibold": { "font_size": 16, "line_height": 20, "letter_spacing": -0.01, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "text_regular": { "font_size": 15, "line_height": 20, "letter_spacing": -0.007, "font_weight": 400, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "text_medium": { "font_size": 15, "line_height": 20, "letter_spacing": -0.007, "font_weight": 500, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "text_semibold": { "font_size": 15, "line_height": 20, "letter_spacing": -0.007, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "subhead_regular": { "font_size": 14, "line_height": 18, "letter_spacing": -0.004, "font_weight": 400, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "subhead_medium": { "font_size": 14, "line_height": 18, "letter_spacing": -0.004, "font_weight": 500, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "subhead_demibold": { "font_size": 14, "line_height": 18, "letter_spacing": -0.004, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "subhead_bold": { "font_size": 14, "line_height": 18, "letter_spacing": -0.004, "font_weight": 700, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption1_regular": { "font_size": 13, "line_height": 16, "letter_spacing": 0, "font_weight": 400, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption1_medium": { "font_size": 13, "line_height": 16, "letter_spacing": 0, "font_weight": 500, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption1_demibold": { "font_size": 13, "line_height": 16, "letter_spacing": 0, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption_caps1_demibold": { "font_size": 13, "line_height": 16, "letter_spacing": 0, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption2_regular": { "font_size": 12, "line_height": 14, "letter_spacing": 0.005, "font_weight": 400, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption2_medium": { "font_size": 12, "line_height": 14, "letter_spacing": 0.005, "font_weight": 500, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption2_semibold": { "font_size": 12, "line_height": 14, "letter_spacing": 0.005, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption_caps2_demibold": { "font_size": 12, "line_height": 14, "letter_spacing": 0.005, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption3_regular": { "font_size": 11, "line_height": 12, "letter_spacing": 0.01, "font_weight": 400, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption_caps3_demibold": { "font_size": 11, "line_height": 12, "letter_spacing": 0.01, "font_weight": 500, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption4_regular": { "font_size": 9, "line_height": 12, "letter_spacing": 0.02, "font_weight": 600, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" }, "caption_caps4_bold": { "font_size": 9, "line_height": 12, "letter_spacing": 0.02, "font_weight": 700, - "font_name": "vk_sans_text" + "font_name": "VK Sans Text" } }