All Collections
General
Overview of the Bolt UI Design System
Overview of the Bolt UI Design System

Learn about Element451's user interface design system: Bolt UI.

Ardis Kadiu avatar
Written by Ardis Kadiu
Updated over a week ago

Overview

The Bolt UI initiative is a design system that standardizes everything in Element, from menu navigation to user interface components and icons, to overall page structure. Bolt UI consolidates all of Element451’s interface design into one standard that provides maximum flexibility and customizability.

An example of the Bolt UI upgrade is Bolt Profiles. These dynamic, customizable user profiles provide more context, improve workflow, and make editing and interacting with profile data faster than ever. Click here to learn more about Bolt Profiles.


Bolt UI Philosophy

As Element451 continues to scale and add more robust features, a comprehensive design system is necessary to ensure that the experience across the platform is consistent and cohesive for users. The Bolt UI system ensures when we push out new features, such as Journeys or updates to Tasks, the user interface will be familiar and predictable for our partners.

Specifically Bolt UI:

  • Consolidates all Element451 interface design into a single standard – in line with Material Design standards, but with Element’s specific voice

  • Standardizes user input methodologies so that users can better predict how to interact with Element tools

  • Establishes core patterns for how data is displayed within Element that promote flexibility and customizability

  • Unify all shared components into a single library

  • Allow for ongoing modernization and expansion without needing to make fundamental changes to the design system itself


Benefits for Users

The Bolt UI initiative has two main benefits for users:

  1. The design system ensures that the experience across Element is consistent, helping users know what to expect by creating patterns in our interface. When new features are released, users will instinctively know how to use them.

  2. Creating a universal design system allows us to spend more time focused on adding the important features to Element that will help our partners do better work. We can release new features more quickly because we do not have to create new UI components from scratch every time we build something.

Did this answer your question?