Responsive Design System

The following is a sample from the spacing and size guide I created with my team for the pattern library for SHL's corporate website refresh.

As part of a six-month overhaul I led, we created this essential resource to ensure consistent and responsive design across all screen sizes. The guide provides developers with clear specifications for:

• backend customization requirements

• building new stylesheets

• demonstrating how the design scales from desktop to mobile

This comprehensive resource was instrumental in transforming a dated website into a modern, accessible, and visually appealing platform.