Design system

[Arpita-Jaiswal]

We have created a new repository design system which will contain all the lower level (buttons, typography components, color scheme etc) design, aka component level design to high level or section level design. Besides that, it contains layouts also.

What do we achieve?

So with such a large collection of designs, users like Nandini can use the provided sections (where s/he needs to provide data) or can do their layouts from scratch.

The one-line changer

Earlier, we created acme case study. There we can achieve different themes, besides color scheme and typography, with just one line change. How can we achieve this now?

Solution:

Any contributor can create a theme for a category. They can use the design system (sections, components or build new sections using layouts) or can create an implementation module of design system. Each category's definition is given and the contributor has to implement the definition.
Now users need to just use any of the themes and can change it entirely by using other themes.

How can the user change the color scheme or typography

Users can import any color scheme module and add provided-via to default color scheme package which is used by theme package to pass it to the design system.

How can user change design system itself for a theme

Sometimes user wants to change the basic component (like button etc) to match their requirement. So user can provide design system itself using provided-via same as color scheme.