UI
UX
Visual design

Toolkit Design System

Toolkit is the name we gave to a design system that we developed for YourTradebase, a project management app used daily by thousands of Trades professionals.

Toolkit improves and unifies the visual design of the app across web, iOS and Android. It provides a single source of truth for the distributed design and development team.

Atomised UI components are created and maintained via a shared Sketch library. A front-end code framework is developed and maintained to mirror it.

As fortune would have it, Trade Gothic, a classic workhorse typeface, provided a suitably condensed and optimized typeface solution.

A variable colour palette provides ample room for adding suitable contrast and meaning to the app's many complex screens and workflows.

A library of layout options provides a jumping-off point for developing new screens from scratch within a set baseline.

The low-contrast color palette makes complex screens like creator workflows easy to navigate.

Mobile optimisations are included in the component library to enable efficient cross-platform deployment of new features.

Marketing materials use the same design system, with layouts and templates that are optimised for conversion.

LegalImpressum
"For Fun & Profit"
Rotate me!