Screenshot of the Phoenix pattern library.

Phoenix UI: A Pattern Library

While I’ve focused a lot on writing reusable code for this website, this effort hasn’t been replicated for its design. Having spent a year using libraries, I know the importance they play in creating consistent, scalable designs.

So I made a pattern library!

Using Bootstrap’s grid system, and tweaking elements of Atomic Design for my benefit, Phoenix UI was born. Feel free to check it out!

I’m hoping that it will have as big an impact on my process as my moves to a CMS (for site maintenance) and SASS (for styling). But only time will tell…

Articles in the "Website Design" series

Want to read more?