Idea Summary
I propose to extend the utility classes for basic text styling. The aim is to make it easier to communicate hierarchy (like importance differences between title, subtitle, description and other contextual information).
Font weight: We have bold (700) already, but I think this is not enough. There should be options for lighter texts (e.g. 200) and there is also room between normal and bold (500 or 600), which is commonly used in modern web designs. TailwindCSS has a nice scale, just as a reference.
Text colors: We have the status and theme colors already. I think there should be variations for the main text color that are “off”. For example, we have the --ut-component-text-muted-color
property that should also be available as a class, in my opinion. I would also like there to be at least two levels of muted colors.
Font sizes: Currently there are no classes related to font sizes. I think helper classes should be available so that people don't hard-code pixel sizes. A scale with relational units should be available, like Tailwind for example.
Use Case
Template directives + Template Components are widely used in APEX. This means that users are encouraged to design their own HTML templates. The utility classes are the easiest way to achieve this when compared with your own CSS stylesheets or HTML style properties.