Skip to main content

I am looking at my heavily-styled design system and thinking through my text styles.


I have the general “Body/Regular/XL/Light” type of structure.


BUT…what I am finding is that I have "four weights for each; Roman, Italic, Underline, and Strikethrough.


Today it dawned on me that I do not have “Underline Italic.”


Who does that??? I could go further down the rabbit hole. And online resources are pretty weak as far as best practices.


So I ask…what do YOU do?

I THINK my new plan is to try just making styles for Romand and Italic.


Giving the idea of applying decoration for underline and strikethrough instead of making style sets.


Those are edge cases usually an might be ok.


My biggest fear is a developer looking at the decorated style, but seeing the applied style is ROMAN.


That fear makes sense right?




I see your point, I don’t like to go this way as a personal experience, I stylize my design system with what actually is instead of all this rambling of Body, XL, Title…


I use documentation of titles body… so that we know the standard usage. then on style I go this way


12px/Regular/Roman/…


Faster to pick, faster for DEV to understand.


You just need to onboard your designers to know the standards of your product.


Again my personal experience and opinion. Good luck


Thanks! I like learning what others are doing. I’ll check that method out.


Reply