Gearbox Web Style Guide
Gearbox
Brand application, brand system
Gearbox is a development agency that cares about the details. They asked PS to produce a web style guide that could be used as a resource for the designers they collaborate with. To do that, we expanded Gearbox's established brand into a system fit for the web and their development approach.
We laid out logo usage, colour, responsive typography, spacing, button and form components, and more, in an easy-to-navigate Figma file that included examples of type in action, light and dark modes, and mockups of how all the pieces come together.
We dedicated a section to explaining variables and naming conventions, providing a snapshot of the underlying design system.
Fully considered design system, ready to deploy.
A resource to ensure design and development approaches are aligned from the start.