Design Systems.

A set of materials, components and agreements which are combined into a consistent design system for a brand or product. It allows Developers, Designers, Marketeers and Strategists work together designing consistent digital products which are scalable and structured.

A Design System can be designed to the needed size depending on the company or brand. The size depends on the elements and goals of the system. At the development & maintenance the different departments who work with the system need to work together as a team.

Design System Development.

Regain control of your Design & Development process with a Design System. Make a great start.

Why a Design System?

A company often has designers, developers, marketeers and strategists. Together they work at websites, apps, software and marketing communications. They ask each others help and work with a style document and design files that constantly are renewed or changed. This can be done better.

Central Place

A design system is a central place for materials, components and agreements. This is accessible for everyone who works with it.

Time Management

Components and agreements are approved and work in development. This will save time in changes and the need for custom design and development work.

Easily & Fastly Scalable

A design system can make it possible for an app or website to be expanded faster and easier. All elements and components are already known.

Save Costs

Because less time is needed for changes, meetings and developments a good design system saves time and money.


A design system is constantly in motion. Elements are being added, changed and removed. Keeping track of those changes is easier with a system in place.

Shared Ownership

Elements are being approved and maintained by a group of people selected from each team. This allows each team to have the commitment and influence in the design system.

A Design System.

A central place which makes components, page designs, development codes, brand styles, agreements, processes and more accessible for everyone involved. It creates consistency and structure in the development process.

Where does a Design System consist of?

A Design System consists of a big variety of elements. The size and extent of it depends on the budget, application and size o the team. It can start as a relatively small system and expand more overtime.This allows you to create a team within your organisation that actively maintains the system, making the Design System a core part of your company.

Brand Materials, Colours, Typography & Principles

This category of elements includes the brand materials which are defined in the branding process. These are the elements that make your brand recognisable.

  • Logo’s and logo usage.
  • Fonts and for which application they are used.
  • Colour definitions.
  • Typography in different contexts.

UI Kit, Components, Templates

This category of elements includes the interface design, templates and elements which shape the graphical and design of websites, apps & products. We work with Sketch App, to develop a design library, but there are other tools available.

  • UI Kit.
  • Design Foundations.
  • Design Library.
  • Templates.

Development Codes, Processes & Tools

Next to materials, components and UI Kit which are made by designers, each element also displays the development element. That allows more clear communication between designer and developer, keeps everything up-to-date, and makes documentation more clear and easier to to navigate.

  • Developer Codes.
  • Processes.
  • Design Handoff.
  • Development Tools & Version Control.
  • Standards & Workflow.

Brand Photography, Icons & Presentations

Next to logo’s, designs and development there also are downloadable files and templates available for other tools. This includes files, the use and possibilities of for example photography, presentations and print work. 

  • Stock Photography
  • Iconography
  • Presentations
  • Print Files
  • Guidelines

Communication, Terminology & Tone of Voice

To reach a consistent use of language in communication and marketing guidelines are used. These are used by marketeers, copyrighters and employees. There is a central place for these guidelines, which keeps communication more consistent. Also a list of terms is displayed to keep communication internally more consistent and clear.

  • Communication guidelines.
  • Communication tone.
  • Term lists.

Guidelines, Processes & Research

This are the processes and funnels that users of the webs go through while using the product. Guidelines are written and research has been done to make clear who the users are and what their needs and goals are.

  • User research
  • Funnels
  • Product processes
  • Guidelines

Team, Maintenance & Control

Guidelines and processes are documented explaining how, who and how often the design system is maintained and expanded. This displays who colleagues can go to for questions, praises and/or remarks.

  • The team
  • Maintenance guidelines
  • Roadmap
  • Control guidelines







Own Design System?

Start developing a Design System for your company. Make a great head start.