Introduction

Published on December 31, 2020, updated on July 21, 2022

The Insites Design System is a collection of reusable components, guided by clear standards used to assemble together and build any number of applications.

What is the Insites Design System?

The Insites Design System is a collection of reusable components, guided by clear standards used to assemble together and build any number of applications.

What are the benefits of a Design System?

  • Provides a single source for building User Interfaces (UI) – developers recognise the UI, even when the requirements are different for different clients.
  • Saves you time and money in the long term – by streamlining the process of initialising an website or application.
  • Increases the consistency – helps users feel comfortable using the system.
  • Decreases time spent on maintaining the code base – enables us to support the application for a lower cost than if it was not based on a design system.
  • Focuses teams on experience and implementation – more time can be spent developing a positive user and customer experience, adopting widespread implementation.

What you need to start using the Insites Design System

Log in to your Figma account and duplicate the Community file here.

Download and install Insites Font Icons here.

Download and install Open Sans font here.

Customising Components

If your changes needs to be applied to all the variants of the component. Apply your update to the Master of the component.

Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.