Create a Design System

Contact for pricing

About this service

Summary

I've built multiple design systems for small to medium companies and I have seen the value they bring in speeding up the development process. Setting you up for speedy development allows nimble development and guerrilla testing of features.
A Design System includes the following: - Up to 10-20 core components (buttons, inputs, banners, etc.) - Usage guidelines - Accessibility guidelines and metrics - Component anatomy (a how-to-build for engineers)

What's included

  • Design Language

    This will be some of the core principles for communicating with your audience through your product's design: - Vision - Design Principles - Tone of Voice - Assets - Guidelines for Accessibility and Copywriting

  • Foundations

    These are the core styles required to build upon for the Design System: - Color - Layout - Typography - Elevation - Motion - Iconography

  • Core Components

    These are the main building blocks for your user interface. A reusable library enhances your product development workflow by reducing design and tech debt, speeding up your process. Examples of core components: buttons, input fields, banners, accordions, etc.

  • Documentation

    Guidelines for the anatomy of the components, how to use them, the dos and don'ts, etc.


Skills and tools

Product Designer

UX Designer

Visual Designer

FigJam

FigJam

Figma

Figma

More services