A case for recommending a new text-styles grouping structure for the design system

Grouping structure recommendation:

Theme / Alignment / Weight / Colour / Size

Breaking styles from a system.

A design system is a collection of varied artefacts that contain everything to build a consistent digital product experience. It can host in it styled and coded interface components, snippets of best practices, documentation of how-to's, libraries of interaction modals (animation, transition and elevation) manuals of internal standards (accessibility and usability) and guides on implementation.

The idea of the new approach is to remove all association to a specific style by not defining the value by its use.

So for example

tokenize everything

Approach:

The majority of the design systems follow the convention of grouping text styles using styles for 'heading, body, caption etc.'. In my experience

While the polls were indicative of the dire need for the reorganisation, I've listed some additional problems to help make the case for the revision: