It’s very useful to know how to create typography in UI/ UX design systems. But we are sure that’s not enough for you. And here we are. With our new material about textblock for responsive typography. Read, think and use!
- minimum/maximum font size
- minimum/maximum line height
- minimum/maximum container width
- minimum/maximum grades
You can use such parameters as:
target(required ): The element that should be resized
1.33(unitless values only)
1.25(unitless values only)
minWidth_VariableGrade: A variable font weight for the small size, for example
maxWidth_VariableGrade: A variable font weight for the large size, i.e.
container: The container width to measure. Defaults to
"parent"and can alternately be set to
If you’re using variable fonts, the
maxWidth_VariableGrade parameters provide a way to simulate grades (micro-variations in weight to set smaller sizes slightly bolder).
Please free to find more here.
Read our blog for finding more about an effective way of creating typography in design systems that can be helpful for your next project. Or… Hire Syndicode designers who will take care of your next masterpiece UI and UX, and deliver responsive typography out-of-the-box for you.
p.s. Evaluate our level by checking Syndicode’s Dribbble page!