Farmdrop Design System

header.png
 
 

One of the first things I was tasked with when joining Farmdrop was to create the design system to be used across all internal tools. This would also be used to update any current tools to the newer design.

This was a far greater task than coming up with a styleguide, as it not only required creating components such as buttons and defining the text styles, it also required thinking about the bigger picture and designing with flexibility in mind as this system would be used across several different products.

Along with components, I had to thing about the behaviour of components in relation to one another and define rules such as grid sizes depending on screen size.

 
 
Colours.png
Typography.png
Buttons.png
Tags.png
Inputs.png
Notifications and alerts.png
Components.png
Use cases.png
Spacing.png