Typography
Family Inter (--font-sans). Tailwind type steps used by the adapter, and the Figma type scale they were derived from.
Type steps
- text-xsBuild better habits
- text-smBuild better habits
- text-baseBuild better habits
- text-lgBuild better habits
- text-xlBuild better habits
- text-2xlBuild better habits
- text-3xlBuild better habits
- text-4xlBuild better habits
- text-5xlBuild better habits
- text-6xlBuild better habits
Figma type scale
- 85px / 400
- 60px / 700
- 60px / 500
- 36px / 700
- 36px / 500
- 30px / 700
- 24px / 600
- 22px / 400
- 20px / 300
- 20px / 500
- 20px / 600
- 18px / 400
- 16px / 400
- 16px / 600
- 16px / 700
- 14px / 400