Table of contents

Font Faces

Used for specifying which fonts to download on the page.

IBM Plex Sans
WeightSample
LightLight
RegularRegular
Regular ItalicRegular
SemiboldSemibold
IBM Plex Sans Condensed
WeightSample
LightLight
RegularRegular
Regular ItalicRegular
SemiboldSemibold
IBM Plex Serif
WeightSample
LightLight
RegularRegular
SemiboldSemibold
IBM Plex Mono
LightLight
RegularRegular
SemiboldSemibold

Type styles

Used for applying styles to a text element.

Click to expand all token details
TokenSampleArabicDevanagariHebrewThaiValues
caption-01
Click to expand token details
{
 "fontSize": "0.75rem",
 "fontWeight": 400,
 "lineHeight": 1.33333,
 "letterSpacing": "0.32px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
caption-02
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": "0.32px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
label-01
Click to expand token details
{
 "fontSize": "0.75rem",
 "fontWeight": 400,
 "lineHeight": 1.33333,
 "letterSpacing": "0.32px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
label-02
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
helper-text-01
Click to expand token details
{
 "fontSize": "0.75rem",
 "lineHeight": 1.33333,
 "letterSpacing": "0.32px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
helper-text-02
Click to expand token details
{
 "fontSize": "0.875rem",
 "lineHeight": 1.28572,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
body-short-01
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
body-long-01
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 400,
 "lineHeight": 1.42857,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
body-short-02
Click to expand token details
{
 "fontSize": "1rem",
 "fontWeight": 400,
 "lineHeight": 1.375,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
body-long-02
Click to expand token details
{
 "fontSize": "1rem",
 "fontWeight": 400,
 "lineHeight": 1.5,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
code-01
Click to expand token details
{
 "fontFamily": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace",
 "fontSize": "0.75rem",
 "fontWeight": 400,
 "lineHeight": 1.33333,
 "letterSpacing": "0.32px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
code-02
Click to expand token details
{
 "fontFamily": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace",
 "fontSize": "0.875rem",
 "fontWeight": 400,
 "lineHeight": 1.42857,
 "letterSpacing": "0.32px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-01
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 600,
 "lineHeight": 1.42857,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
productive-heading-01
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 600,
 "lineHeight": 1.28572,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-02
Click to expand token details
{
 "fontSize": "1rem",
 "fontWeight": 600,
 "lineHeight": 1.5,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
productive-heading-02
Click to expand token details
{
 "fontSize": "1rem",
 "fontWeight": 600,
 "lineHeight": 1.375,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
productive-heading-03
Click to expand token details
{
 "fontSize": "1.25rem",
 "fontWeight": 400,
 "lineHeight": 1.4,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
productive-heading-04
Click to expand token details
{
 "fontSize": "1.75rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
productive-heading-05
Click to expand token details
{
 "fontSize": "2rem",
 "fontWeight": 400,
 "lineHeight": 1.25,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
productive-heading-06
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 300,
 "lineHeight": 1.199,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
productive-heading-07
Click to expand token details
{
 "fontSize": "3.375rem",
 "fontWeight": 300,
 "lineHeight": 1.199,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
expressive-heading-01
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 600,
 "lineHeight": 1.25,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
expressive-heading-02
Click to expand token details
{
 "fontSize": "1rem",
 "fontWeight": 600,
 "lineHeight": 1.5,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
expressive-heading-03
Click to expand token details
{
 "fontSize": "1.25rem",
 "fontWeight": 400,
 "lineHeight": 1.4,
 "letterSpacing": 0,
 "breakpoints": {
  "xlg": {
   "fontSize": "1.25rem",
   "lineHeight": 1.4
  },
  "max": {
   "fontSize": "1.5rem",
   "lineHeight": 1.334
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
expressive-heading-04
Click to expand token details
{
 "fontSize": "1.75rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": 0,
 "breakpoints": {
  "xlg": {
   "fontSize": "2rem",
   "fontWeight": 400,
   "lineHeight": 1.25
  },
  "max": {
   "fontSize": "2rem",
   "fontWeight": 400
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
expressive-heading-05
Click to expand token details
{
 "fontSize": "2rem",
 "fontWeight": 400,
 "lineHeight": 1.25,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.25rem",
   "fontWeight": 300,
   "lineHeight": 1.22,
   "letterSpacing": 0
  },
  "lg": {
   "fontSize": "2.625rem",
   "lineHeight": 1.19,
   "letterSpacing": 0
  },
  "xlg": {
   "fontSize": "3rem",
   "lineHeight": 1.17,
   "letterSpacing": 0
  },
  "max": {
   "fontSize": "3.75rem",
   "letterSpacing": 0
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
expressive-heading-06
Click to expand token details
{
 "fontSize": "2rem",
 "fontWeight": 600,
 "lineHeight": 1.25,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.25rem",
   "fontWeight": 600,
   "lineHeight": 1.22,
   "letterSpacing": 0
  },
  "lg": {
   "fontSize": "2.625rem",
   "fontWeight": 600,
   "lineHeight": 1.19,
   "letterSpacing": 0
  },
  "xlg": {
   "fontSize": "3rem",
   "fontWeight": 600,
   "lineHeight": 1.17,
   "letterSpacing": 0
  },
  "max": {
   "fontSize": "3.75rem",
   "fontWeight": 600,
   "letterSpacing": 0
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
expressive-paragraph-01
Click to expand token details
{
 "fontSize": "1.5rem",
 "fontWeight": 300,
 "lineHeight": 1.334,
 "letterSpacing": 0,
 "breakpoints": {
  "lg": {
   "fontSize": "1.75rem",
   "lineHeight": 1.28572
  },
  "max": {
   "fontSize": "2rem",
   "lineHeight": 1.25
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
quotation-01
Click to expand token details
{
 "fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
 "fontSize": "1.25rem",
 "fontWeight": 400,
 "lineHeight": 1.3,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "1.25rem",
   "fontWeight": 400,
   "letterSpacing": 0
  },
  "lg": {
   "fontSize": "1.5rem",
   "fontWeight": 400,
   "lineHeight": 1.334,
   "letterSpacing": 0
  },
  "xlg": {
   "fontSize": "1.75rem",
   "fontWeight": 400,
   "lineHeight": 1.28572,
   "letterSpacing": 0
  },
  "max": {
   "fontSize": "2rem",
   "fontWeight": 400,
   "lineHeight": 1.25,
   "letterSpacing": 0
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
quotation-02
Click to expand token details
{
 "fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
 "fontSize": "2rem",
 "fontWeight": 300,
 "lineHeight": 1.25,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.25rem",
   "lineHeight": 1.22
  },
  "lg": {
   "fontSize": "2.625rem",
   "lineHeight": 1.19
  },
  "xlg": {
   "fontSize": "3rem",
   "lineHeight": 1.17
  },
  "max": {
   "fontSize": "3.75rem"
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
display-01
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 300,
 "lineHeight": 1.19,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.625rem"
  },
  "lg": {
   "fontSize": "3.375rem"
  },
  "xlg": {
   "fontSize": "3.75rem",
   "lineHeight": 1.17
  },
  "max": {
   "fontSize": "4.75rem",
   "lineHeight": 1.13
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
display-02
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 600,
 "lineHeight": 1.19,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.625rem"
  },
  "lg": {
   "fontSize": "3.375rem"
  },
  "xlg": {
   "fontSize": "3.75rem",
   "lineHeight": 1.16
  },
  "max": {
   "fontSize": "4.75rem",
   "lineHeight": 1.13
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
display-03
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 300,
 "lineHeight": 1.19,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "3.375rem",
   "lineHeight": 1.18
  },
  "lg": {
   "fontSize": "3.75rem",
   "lineHeight": 1.16,
   "letterSpacing": "-0.64px"
  },
  "xlg": {
   "fontSize": "4.75rem",
   "lineHeight": 1.13
  },
  "max": {
   "fontSize": "5.25rem",
   "lineHeight": 1.11,
   "letterSpacing": "-0.96px"
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
display-04
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 300,
 "lineHeight": 1.19,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "4.25rem",
   "lineHeight": 1.15
  },
  "lg": {
   "fontSize": "5.75rem",
   "lineHeight": 1.11,
   "letterSpacing": "-0.64px"
  },
  "xlg": {
   "fontSize": "7.625rem",
   "lineHeight": 1.07,
   "letterSpacing": "-0.64px"
  },
  "max": {
   "fontSize": "9.75rem",
   "lineHeight": 1.05,
   "letterSpacing": "-0.96px"
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
legal-01
Click to expand token details
{
 "fontSize": "0.75rem",
 "fontWeight": 400,
 "lineHeight": 1.33333,
 "letterSpacing": "0.32px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
legal-02
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
body-compact-01
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
body-compact-02
Click to expand token details
{
 "fontSize": "1rem",
 "fontWeight": 400,
 "lineHeight": 1.375,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
body-01
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 400,
 "lineHeight": 1.42857,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
body-02
Click to expand token details
{
 "fontSize": "1rem",
 "fontWeight": 400,
 "lineHeight": 1.5,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-compact-01
Click to expand token details
{
 "fontSize": "0.875rem",
 "fontWeight": 600,
 "lineHeight": 1.28572,
 "letterSpacing": "0.16px"
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-compact-02
Click to expand token details
{
 "fontSize": "1rem",
 "fontWeight": 600,
 "lineHeight": 1.375,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-03
Click to expand token details
{
 "fontSize": "1.25rem",
 "fontWeight": 400,
 "lineHeight": 1.4,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-04
Click to expand token details
{
 "fontSize": "1.75rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-05
Click to expand token details
{
 "fontSize": "2rem",
 "fontWeight": 400,
 "lineHeight": 1.25,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-06
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 300,
 "lineHeight": 1.199,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
heading-07
Click to expand token details
{
 "fontSize": "3.375rem",
 "fontWeight": 300,
 "lineHeight": 1.199,
 "letterSpacing": 0
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-heading-03
Click to expand token details
{
 "fontSize": "1.25rem",
 "fontWeight": 400,
 "lineHeight": 1.4,
 "letterSpacing": 0,
 "breakpoints": {
  "xlg": {
   "fontSize": "1.25rem",
   "lineHeight": 1.4
  },
  "max": {
   "fontSize": "1.5rem",
   "lineHeight": 1.334
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-heading-04
Click to expand token details
{
 "fontSize": "1.75rem",
 "fontWeight": 400,
 "lineHeight": 1.28572,
 "letterSpacing": 0,
 "breakpoints": {
  "xlg": {
   "fontSize": "2rem",
   "fontWeight": 400,
   "lineHeight": 1.25
  },
  "max": {
   "fontSize": "2rem",
   "fontWeight": 400
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-heading-05
Click to expand token details
{
 "fontSize": "2rem",
 "fontWeight": 400,
 "lineHeight": 1.25,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.25rem",
   "fontWeight": 300,
   "lineHeight": 1.22,
   "letterSpacing": 0
  },
  "lg": {
   "fontSize": "2.625rem",
   "lineHeight": 1.19,
   "letterSpacing": 0
  },
  "xlg": {
   "fontSize": "3rem",
   "lineHeight": 1.17,
   "letterSpacing": 0
  },
  "max": {
   "fontSize": "3.75rem",
   "letterSpacing": 0
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-heading-06
Click to expand token details
{
 "fontSize": "2rem",
 "fontWeight": 600,
 "lineHeight": 1.25,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.25rem",
   "fontWeight": 600,
   "lineHeight": 1.22,
   "letterSpacing": 0
  },
  "lg": {
   "fontSize": "2.625rem",
   "fontWeight": 600,
   "lineHeight": 1.19,
   "letterSpacing": 0
  },
  "xlg": {
   "fontSize": "3rem",
   "fontWeight": 600,
   "lineHeight": 1.17,
   "letterSpacing": 0
  },
  "max": {
   "fontSize": "3.75rem",
   "fontWeight": 600,
   "letterSpacing": 0
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-paragraph-01
Click to expand token details
{
 "fontSize": "1.5rem",
 "fontWeight": 300,
 "lineHeight": 1.334,
 "letterSpacing": 0,
 "breakpoints": {
  "lg": {
   "fontSize": "1.75rem",
   "lineHeight": 1.28572
  },
  "max": {
   "fontSize": "2rem",
   "lineHeight": 1.25
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-quotation-01
Click to expand token details
{
 "fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
 "fontSize": "1.25rem",
 "fontWeight": 400,
 "lineHeight": 1.3,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "1.25rem",
   "fontWeight": 400,
   "letterSpacing": 0
  },
  "lg": {
   "fontSize": "1.5rem",
   "fontWeight": 400,
   "lineHeight": 1.334,
   "letterSpacing": 0
  },
  "xlg": {
   "fontSize": "1.75rem",
   "fontWeight": 400,
   "lineHeight": 1.28572,
   "letterSpacing": 0
  },
  "max": {
   "fontSize": "2rem",
   "fontWeight": 400,
   "lineHeight": 1.25,
   "letterSpacing": 0
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-quotation-02
Click to expand token details
{
 "fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
 "fontSize": "2rem",
 "fontWeight": 300,
 "lineHeight": 1.25,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.25rem",
   "lineHeight": 1.22
  },
  "lg": {
   "fontSize": "2.625rem",
   "lineHeight": 1.19
  },
  "xlg": {
   "fontSize": "3rem",
   "lineHeight": 1.17
  },
  "max": {
   "fontSize": "3.75rem"
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-display-01
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 300,
 "lineHeight": 1.19,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.625rem"
  },
  "lg": {
   "fontSize": "3.375rem"
  },
  "xlg": {
   "fontSize": "3.75rem",
   "lineHeight": 1.17
  },
  "max": {
   "fontSize": "4.75rem",
   "lineHeight": 1.13
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-display-02
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 600,
 "lineHeight": 1.19,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "2.625rem"
  },
  "lg": {
   "fontSize": "3.375rem"
  },
  "xlg": {
   "fontSize": "3.75rem",
   "lineHeight": 1.16
  },
  "max": {
   "fontSize": "4.75rem",
   "lineHeight": 1.13
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-display-03
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 300,
 "lineHeight": 1.19,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "3.375rem",
   "lineHeight": 1.18
  },
  "lg": {
   "fontSize": "3.75rem",
   "lineHeight": 1.16,
   "letterSpacing": "-0.64px"
  },
  "xlg": {
   "fontSize": "4.75rem",
   "lineHeight": 1.13
  },
  "max": {
   "fontSize": "5.25rem",
   "lineHeight": 1.11,
   "letterSpacing": "-0.96px"
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู
fluid-display-04
Click to expand token details
{
 "fontSize": "2.625rem",
 "fontWeight": 300,
 "lineHeight": 1.19,
 "letterSpacing": 0,
 "breakpoints": {
  "md": {
   "fontSize": "4.25rem",
   "lineHeight": 1.15
  },
  "lg": {
   "fontSize": "5.75rem",
   "lineHeight": 1.11,
   "letterSpacing": "-0.64px"
  },
  "xlg": {
   "fontSize": "7.625rem",
   "lineHeight": 1.07,
   "letterSpacing": "-0.64px"
  },
  "max": {
   "fontSize": "9.75rem",
   "lineHeight": 1.05,
   "letterSpacing": "-0.96px"
  }
 }
}
Text sampleالسادسकारन प्रदानאחרים בהתייחסותบลูเบอร์รีแอคทีฟซู

Scale

Used for deriving a type scale value for a given step.

SteppxActual size
112Good design is good business
214Good design is good business
316Good design is good business
418Good design is good business
520Good design is good business
624Good design is good business
728Good design is good business
832Good design is good business
936Good design is good business
1042Good design is good business
1148Good design is good business
1254Good design is good business
1360Good design is good business
1468Good design is good business
1576Good design is good business
1684Good design is good business
1792Good design is good business
18102Good design is good business
19112Good design is good business
20122Good design is good business
21132Good design is good business
22144Good design is good business
23156Good design is good business