I worked on the design system and several features. Shoutout to Taylor, our product designer, who I worked with closely. We published our working files to Figma Community, giving designers the ability to contribute:
Brand Guidelines | Design Docs | Library
Dashboard
The dashboard is this interesting space in between the website (which follows the brand guidelines) and product (which has its own design system). It’s the only place in where you can see the brand font (Manrope) and the product font (Inter) working side by side.
Box Shadows
box-shadow: inset h-offset v-offset blur spread color;For the box shadow section, users needed an interface to visually manipulate this CSS code. By exploring how different apps control shadows, I was able to design an interface that’s right for Webstudio.
