1
0 Comments

Introducing Design Systems

One of the benefits of redoing both the logical structures and the data and join everything together is that implementing something like design systems become almost easy.

We have implemented a complete design system that right now includes: colors, fonts and styles. In the future we will expand it to assets, actions, animation presets and choreographies.

Colors can be created ad-hoc or just saved directly from the color pop up, and can be named and be arbitrarily organized between primary, accent and color swatches. If you redefine a color, everywhere this color is used will be instantly updated.

Every saved color will appear inside the color popup.

Fonts work pretty much the same, but additionally, the saved fonts will always be displayed first in the fonts pup. Because if you did define a font, you'll probably want to use it right?

You can define graphical or Text styles.

Trending on Indie Hackers
Competing with Product Hunt: a month later 33 comments Why do you hate marketing? 29 comments My Top 20 Free Tools That I Use Everyday as an Indie Hacker 18 comments $15k revenues in <4 months as a solopreneur 14 comments Use Your Product 13 comments How I Launched FrontendEase 13 comments