Tools.TypeScale.title

Tools.TypeScale.description

Tools.TypeScale.preview
48.83px
3.052rem
The quick brown fox
39.06px
2.441rem
The quick brown fox
31.25px
1.953rem
The quick brown fox
25px
1.563rem
The quick brown fox
20px
1.25rem
The quick brown fox
16px
1rem
The quick brown fox
12.80px
0.8rem
The quick brown fox
10.24px
0.64rem
The quick brown fox
:root {
  --text-xs: 0.64rem; /* 10.24px */
  --text-sm: 0.8rem; /* 12.80px */
  --text-base: 1rem; /* 16px */
  --text-xl: 1.25rem; /* 20px */
  --text-2xl: 1.563rem; /* 25px */
  --text-3xl: 1.953rem; /* 31.25px */
  --text-4xl: 2.441rem; /* 39.06px */
  --text-5xl: 3.052rem; /* 48.83px */
}

Tools.TypeScale.guide.title

Tools.TypeScale.guide.description

Tools.TypeScale.guide.guide_1_title

Tools.TypeScale.guide.guide_1_desc

Tools.TypeScale.guide.guide_2_title

Tools.TypeScale.guide.guide_2_desc

Tools.TypeScale.guide.guide_3_title

Tools.TypeScale.guide.guide_3_desc