UI Style Guide

Style Guide Purpose


The system of UI Components we've developed will set a new standard of design throughout all Quotit properties including iPro. The purpose of the style guide is to provide consistency across all applications including corporate sites - while at the same time providing easy code implementation.

The UX Style Guide enables you to build rich enterprise experiences and custom applications with patterns and well-established best practices that are native to iPro.

Getting Started

Learn how to get started using the UI Style Guide for your project, regardless of your technical stack.

Take the first step

UI Components

Discover all the different elements that the UI Style Guide provides as both design and development assets.

Page Templates

Explore the different page templates that have been created to jump start your product development.

Rapid page prototyping

How to use

Every section of this style guide has an easy to read explanation. In some cases, the style guide shows a live example as well as the code representing the live example. Every code view has a Copy button on the top right of the box where you can copy the code and immediately use it in your application.

If you have any questions or concerns, please feel free to contact anyone in the UX Department.

Pane Title