Gearbox Web Style Guide
Gearbox
Brand application, brand system
Gearbox is a dev agency that cares about the details. They asked PS to produce a web style guide example for the designers they collaborate with. The example guidelines would help ensure that design and development approaches are aligned and efficient from the start. To do that, we expanded Gearbox's brand guidelines 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 variables and naming conventions to provide a snapshot of the underlying design system.
