New Design System using Astro!
Published Fri Oct 13 2023 by Mark
You’re looking at the results. It’s taken a few months to move and reorganize all the content from the old design system but we think the effort was well worth it.
Reorganized content
We’ve organized the pages into three categories:
- Guidelines - the foundations that the rest of the design system is built upon.
- Components - the available building blocks.
- Patterns - how to apply the guidelines and use the components to build specific pieces of UI, both bigger and smaller.
Other improvements
- We’ve added a proper search to make finding content even easier.
- We’ve added on-page navigation over there on the right (“On this page”) so finding the right section on the page is simple.
- There is now a a link to github (“Edit this page”), making suggesting edits to the page a breeze. Try it!
Technical changes
Our old design system is something we built ourselves using fairly low-level tools. The new design system is built using Astro, a framework for building static sites like this one using the tools that we were already using, like React and Markdown, but properly thought out and maintained, and with a bunch of improvements over what we were capable of producing ourselves in the same time frame.
