Note: This article was originally published here.
I’ve always loved the idea of approaching design systematically, with global styles, rules, and guidelines. In the beginning, this concept was curiously intriguing to me. But, like many designers working on their first design system, I underestimated the feat of the task at hand.
The following is a brief account of my journey and career in design systems. …
A challenge I was recently faced with was to create a responsive type scale, adapting to the user’s viewport. I saw two potential solutions:
Long story short…I went with option #2. I determined I needed
<h4> types as well as two
<body> types. Using the BEM naming convention and methodology I created a root class to define the global default styles.
Next, I set up my breakpoints.
Now that I established my breakpoints I could call the
$point variable in each of the classes that I…