Aurora Design System

A system to scale design at Iterable

Aurora is Iterable's design system—a collection of components, patterns, guidelines, and principles that inform how Iterable thinks about product UI, presentation, and communication with the marketers that use it.

Purpose

To champion a unified, scalable, and coherent design framework that acts as the DNA of our product, enhancing user experience, brand perception, and frontend scalability.

Mission

Aurora is Iterable's medium for constructing and maintaining a centralized design system that fosters consistency, accelerates product development, and embodies the trust our customers place in our brand.

Vision

Through a harmonized design language, we envision a user experience that’s intuitive and seamless, reflecting the dedication, reliability, and excellence our customers expect from a market-leading marketing automation platform. Every aspect of our user interface is built on a foundation of accessible, standardized, reusable components, with centralized ownership to enable all product development teams. This approach not only streamlines user experience but also transforms how our engineering team approaches product development - making it faster, more efficient, and more consistent.

Core Objectives

Unified Experience

Standardize UI components and design patterns, ensuring a consistent user journey across all touchpoints, which bolsters customer confidence in the predictability and reliability of our platform.

Design & Engineering Efficiency

Develop and maintain a comprehensive library of accessible, reusable UI components and patterns, dramatically reducing design time and development effort, enabling teams to focus on innovation rather than repetitive tasks and micro-decision making.

Scalability and Quality

Create scalable design solutions that not only adapt to evolving business needs but also uphold the highest standards of code quality and performance, ensuring continued customer trust in the platform as we grow.

Elevate Brand Perception

By providing a visually and functionally cohesive interface, enhance our brand’s image as a sophisticated, trustworthy, and user-centric solution in the market.

Promote Collaboration

Foster an environment where designers and engineers collaborate effectively, sharing knowledge, and iterating on our design system to meet the evolving needs of our users and business.

Customer Trust

Recognize that every pixel, interaction, and design choice is a testament to our commitment to our customers. By prioritizing consistency and excellence in design, we reassure our users of our dedication to their success and elevate the trust they place in our platform.

Ownership and Responsibilities

Core Components

Develop and maintain a library of standard UI components that can be reused across different parts of the application to ensure consistency and reduce development time. This includes things like tables, buttons, query building controls, filtering, folders, etc.

Design Tokens/Primitives

Create and manage design tokens or primitives like colors, typography, spacing, and more, to ensure visual consistency across all digital products.

Storybook Integration

Implement a storybook or a similar tool for documenting and showcasing the different components and design patterns, providing a live reference for developers and designers.

Usage Guidelines for Design Team

Develop comprehensive usage guidelines for the design team to ensure that the design components are used correctly and consistently.

Documentation for Engineering

Maintain detailed documentation of the design system, including guidelines on how to use and implement the components and design patterns.

Cross-Platform Design Consistency

Ensure that our design system is adaptable for different platforms (standard browsers, smaller viewports, etc.), maintaining a consistent look and feel across all user touchpoints.

Accessibility Standards

Uphold and integrate accessibility standards into our design system to ensure that our products are usable by as wide an audience as possible.

Design System Feedback Loop

Create a structured process for receiving and implementing feedback from both internal teams and users to continuously evolve the design system.

Training and Onboarding

Provide training and resources for new team members to quickly get up to speed with our design system and best practices.

Foundations

Components

Patterns

Content

Resources