Design System Starter Kit 2022 2022-08-17

Most Design System Kit you'll find on the internet contains a shitload of premade components. We don't believe that's what you need.

Pre-made components are often a pain to work with, and rarely fit the exact requests of your client. Pre-made components don't make sense. We propose the following.

We noticed every project starts with 80 hours of Design System Preparation work. This is: defining typography, defining whitespace, defining a color overview, defining the grid, setting up basic atoms such as buttons and forms, and so on.

Why? Because that will result in a more consistent design, a better-looking design, and happier developers & clients.

The interesting thing: these little details in your design system rarely change throughout different designs. So why not start with a starter kit that contains this?

We took the time to create a starter kit, which you can use every time you start a project. It's beautifully designed and creates an amazing starting point for any project. But most importantly, we noticed developers love to work with this file, it speeds up their workflow, and the stuff they build will look a lot more like what you designed.

After 10+ years of design experience and over 4+ years of working with design systems (yes, that's since the very start of the design system concept), we combined all the things we learned in this single file. Ready for you to pick up, and start working with.