Soil Design System

When I joined Climate Edge in January 2022, one of my first tasks was to create a comprehensive Design System for the company. The Soil Design System was developed to help Climate Edge deliver seamless experiences for all users. Soil encompasses the components, patterns, and copy that constitute Climate Edge products, ensuring a unified language and consistent look and feel across the CE ecosystem.

The benefits of using Soil include:

1. Consistency: Reducing the number of unique solutions for similar problems.
2. Efficiency: Accelerating the design and development process.
3. Focus: Allowing the team to concentrate on larger, more specific problems.

Following Brad Frost's Atomic Design principles and drawing inspiration from UI kits and frameworks such as Ant Design and Bulma, the Soil Design System was created in two comprehensive Figma files: one for the Style Guide & Components and another for the Icon Library.

Here is a presentation of the main elements of the Soil Design System. You can download a PDF version at the bottom of this page.