Insites Docs Design System Design System Overview

Design System Overview

Published on December 31, 2020, updated on February 14, 2024

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

All of our Figma components uses a Master Component as the base for all of the variants.

Updating the the Master Component will automatically apply the changes to all variants except where overrides where already added.

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.