Created
March 5, 2024 13:29
-
-
Save edenthecat/9711865bb5311541a85fdc9202a3f5e3 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "font": { | |
| "typography": { | |
| "h1": { | |
| "description": "Largest text on the screen, reserved for short high emphasis text or numerals.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 40, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 48, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 24, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:ab5f649bbf5625181a12d435c915837186974879,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "h1bold": { | |
| "description": "Largest text on the screen, reserved for short high emphasis text or numerals.\nBold version is used for the Hero.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 40, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 700, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 48, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 24, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:5583f4a8ed88c15a59620bd74bba0f595c0ae87b,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "h2": { | |
| "description": "Medium emphasis heading that is shorter in length.\n\nExample usage: Div titles.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 32, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 44, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 16, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:35f2c171ee40ec8da7a92107a1218400748112fb,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "h2bold": { | |
| "description": "Medium emphasis heading that is shorter in length.\n\nExample usage: Div titles.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 32, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 700, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": -0.48, | |
| "lineHeight": 44, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 16, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:9e49249fc019882b28695563e127120b98fdf1f2,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "h3": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 24, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 32, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:9ec0ddb3648d948737efe5120d3802b07d09b288,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "h3bold": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 24, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 700, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 32, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:96b557358ecfca747096712084441feb81c64be4,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "h4": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 20, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 500, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.15, | |
| "lineHeight": 28, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:ba724324568cf91888787e45e93a7cae4c97a108,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "intro1": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 20, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 28, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:f1cf2ebfd7d9e47f6541075a8de1f6492953dd30,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "intro2": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 18, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 24, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:793951c1726851873f8aa439a82225cb7705aa53,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "body1": { | |
| "description": "Default style for longer form text", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 16, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.12, | |
| "lineHeight": 24, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:7de8c4bf3f68f9d570e2658936af8feabb391b65,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "body1bold": { | |
| "description": "Intended for longer form text. Similar to 'content' style but with higher letter-spacing.\n\nHaving a dedicated style for long form content allows targeted updates e.g. for readability improvements.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 16, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 700, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.12, | |
| "lineHeight": 24, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:02e8a338b81ecc7a8c36366e239cd088e30fb25c,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "body1longlines": { | |
| "description": "Intended for longer form text in wider columns. Similar to 'Body1' style but with higher line-height. General rule, 1-2 column wide is “body1” 3-4 columns is “Body1longLines” somewhat up to the designer in the middle range of 2-3 columns. (TBD translate columns into something like px/rem/character count)", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 16, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.12, | |
| "lineHeight": 28, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:123948a5251b5bc9a5c7db3ce4aed9d0c69e51ea,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "body1longlinesbold": { | |
| "description": "Intended for longer form text. Similar to 'content' style but with higher letter-spacing.\n\nHaving a dedicated style for long form content allows targeted updates e.g. for readability improvements.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 16, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 700, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.12, | |
| "lineHeight": 28, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:208d3c7076728f7d4ec7da5d577c4e64d668ed7b,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "body2": { | |
| "description": "Smallest font size with good readability. E.g. used for column headings.\nFor longer form text instead use the body1 styles.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 14, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 20, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:02391cebf1724523f42241e55bdacb164489f1d9,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "body2bold": { | |
| "description": "Smallest font size with good readability. E.g. used for column headings.\nFor longer form text instead use the \"paragraph\" style with higher(0.12px) letter spacing.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 14, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 700, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 20, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:f44d9ae14865f71abecda2ae67c11509cd7dc3a3,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "caption": { | |
| "description": "Used to provide subtext or helpnotes, only for non-mission critical information. E.g. adding helpful context to cell data in a table.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 12, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.4, | |
| "lineHeight": 20, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 0, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:4b731f2707c3f9c2d9f8a42d47e381c383022ed5,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "overline": { | |
| "description": "Used to provide subtext or helpnotes, only for non-mission critical information. E.g. adding helpful context to cell data in a table.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 12, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 2, | |
| "lineHeight": 32, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 0, | |
| "textCase": "uppercase" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:42b7bc01a6f33a30a193ad93887ce5db84cffebd,", | |
| "exportKey": "font" | |
| } | |
| } | |
| } | |
| }, | |
| "extended": { | |
| "bullet": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 16, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.12, | |
| "lineHeight": 20, | |
| "paragraphIndent": 0.5, | |
| "paragraphSpacing": 24, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:70536c263fda0771663488d7594cc64eedfccdc1,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "code": { | |
| "description": "Used to distinguish code from natural-language text.", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 16, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans Mono", | |
| "fontWeight": 400, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.1, | |
| "lineHeight": 24, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 0, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:ec97d85cd6a5d7976abba0e85b9fe0353537324d,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "databig": { | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 64, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 500, | |
| "fontStyle": "normal", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0, | |
| "lineHeight": 44, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 8, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:452bf9591084e561b09808efaade4a8f023a3064,", | |
| "exportKey": "font" | |
| } | |
| } | |
| }, | |
| "body1italic": { | |
| "description": "Default style for longer form text", | |
| "type": "custom-fontStyle", | |
| "value": { | |
| "fontSize": 16, | |
| "textDecoration": "none", | |
| "fontFamily": "Noto Sans", | |
| "fontWeight": 400, | |
| "fontStyle": "italic", | |
| "fontStretch": "normal", | |
| "letterSpacing": 0.12, | |
| "lineHeight": 24, | |
| "paragraphIndent": 0, | |
| "paragraphSpacing": 12, | |
| "textCase": "none" | |
| }, | |
| "extensions": { | |
| "org.lukasoppermann.figmaDesignTokens": { | |
| "styleId": "S:db4303c7e436acf74765255b45068f331ab08315,", | |
| "exportKey": "font" | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "typography": { | |
| "typography": { | |
| "h1": { | |
| "description": "Largest text on the screen, reserved for short high emphasis text or numerals.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 40 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 48 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "h1bold": { | |
| "description": "Largest text on the screen, reserved for short high emphasis text or numerals.\nBold version is used for the Hero.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 40 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 700 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 48 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "h2": { | |
| "description": "Medium emphasis heading that is shorter in length.\n\nExample usage: Div titles.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 32 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 44 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "h2bold": { | |
| "description": "Medium emphasis heading that is shorter in length.\n\nExample usage: Div titles.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 32 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 700 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": -0.48 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 44 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "h3": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 32 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "h3bold": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 700 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 32 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "h4": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 20 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 500 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.15 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 28 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "intro1": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 20 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 28 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "intro2": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 18 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "body1": { | |
| "description": "Default style for longer form text", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.12 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "body1bold": { | |
| "description": "Intended for longer form text. Similar to 'content' style but with higher letter-spacing.\n\nHaving a dedicated style for long form content allows targeted updates e.g. for readability improvements.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 700 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.12 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "body1longlines": { | |
| "description": "Intended for longer form text in wider columns. Similar to 'Body1' style but with higher line-height. General rule, 1-2 column wide is “body1” 3-4 columns is “Body1longLines” somewhat up to the designer in the middle range of 2-3 columns. (TBD translate columns into something like px/rem/character count)", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.12 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 28 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "body1longlinesbold": { | |
| "description": "Intended for longer form text. Similar to 'content' style but with higher letter-spacing.\n\nHaving a dedicated style for long form content allows targeted updates e.g. for readability improvements.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 700 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.12 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 28 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "body2": { | |
| "description": "Smallest font size with good readability. E.g. used for column headings.\nFor longer form text instead use the body1 styles.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 14 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 20 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "body2bold": { | |
| "description": "Smallest font size with good readability. E.g. used for column headings.\nFor longer form text instead use the \"paragraph\" style with higher(0.12px) letter spacing.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 14 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 700 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 20 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "caption": { | |
| "description": "Used to provide subtext or helpnotes, only for non-mission critical information. E.g. adding helpful context to cell data in a table.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.4 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 20 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "overline": { | |
| "description": "Used to provide subtext or helpnotes, only for non-mission critical information. E.g. adding helpful context to cell data in a table.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 2 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 32 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "uppercase" | |
| } | |
| } | |
| }, | |
| "extended": { | |
| "bullet": { | |
| "description": "Medium emphasis text that is shorter in length. Used for some dashboard metrics today(15 Jul 2022).", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.12 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 20 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0.5 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "code": { | |
| "description": "Used to distinguish code from natural-language text.", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans Mono" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.1 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "databig": { | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 64 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 500 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 44 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 8 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| }, | |
| "body1italic": { | |
| "description": "Default style for longer form text", | |
| "fontSize": { | |
| "type": "dimension", | |
| "value": 16 | |
| }, | |
| "textDecoration": { | |
| "type": "string", | |
| "value": "none" | |
| }, | |
| "fontFamily": { | |
| "type": "string", | |
| "value": "Noto Sans" | |
| }, | |
| "fontWeight": { | |
| "type": "number", | |
| "value": 400 | |
| }, | |
| "fontStyle": { | |
| "type": "string", | |
| "value": "italic" | |
| }, | |
| "fontStretch": { | |
| "type": "string", | |
| "value": "normal" | |
| }, | |
| "letterSpacing": { | |
| "type": "dimension", | |
| "value": 0.12 | |
| }, | |
| "lineHeight": { | |
| "type": "dimension", | |
| "value": 24 | |
| }, | |
| "paragraphIndent": { | |
| "type": "dimension", | |
| "value": 0 | |
| }, | |
| "paragraphSpacing": { | |
| "type": "dimension", | |
| "value": 12 | |
| }, | |
| "textCase": { | |
| "type": "string", | |
| "value": "none" | |
| } | |
| } | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment