Since starting at Wiggle this has been an ongoing project to bring in some consistency to how the site is designed and built.
Using a base template Wiggle now has a central where UI elements can be imported seamlessly into any sketch document which helps speed up design time, reduce confusion over styling and provides a consistent customer experience.
Working in collaboration with the UI devs we now have a working Sketch library and pattern lab work stream to help design and develop any new Wiggle pages in a consistent manner.
![](https://simplr.design/content/images/2020/12/wiggle-start.png)
![](https://simplr.design/content/images/2020/12/wiggle-text-colors.png)
![](https://simplr.design/content/images/2020/12/wiggle-buttons-2.png)
![](https://simplr.design/content/images/2020/12/wiggle-navigation-2.png)
![](https://simplr.design/content/images/2020/12/wiggle-forms-2.png)
![](https://simplr.design/content/images/2020/12/wiggle-cards-2.png)
![](https://simplr.design/content/images/2020/12/wiggle-pagination-3.png)
![](https://simplr.design/content/images/2020/12/wiggle-dragdrop-3.png)
![](https://simplr.design/content/images/2020/12/wiggle-loader-2.png)
![](https://simplr.design/content/images/2020/12/wiggle-videoplayer-2.png)
![](https://simplr.design/content/images/2020/12/wiggle-audioplayer-2.png)
![](https://simplr.design/content/images/2020/12/wiggle-notification-tooltip-popover-2.png)
![](https://simplr.design/content/images/2020/12/wiggle-modal-2.png)