Pattern Library

UI / UX / Responsive


A living pattern library is an overlooked but highly integral part of achieving a nimble and responsive app. Delivering UI components to developers screen-by-screen isn't ideal for agile development. The HR Cloud pattern library is built to withstand constant iteration while limiting confusion. Designers use the pattern library to rapidly prototype high-fidelity user flows in minutes. Developers use it as a synchronized code base across the app suite.


I was solely responsible for compiling, designing, and delivering all components of the library. First, I worked with the Creative Director to establish a modular scale. The vertical and baseline grids, type sizes, object sizes and spacing between elements are based on this 6px scale. Next, I worked with the design team to nail down UX decisions behind each component. Lastly, I applied final UI and delivered the specifications to the front-end developers.