Ambient.ai Design System

My Role

Design Systems Designer

Team

2 Designers, 4 Front-End Developers

Timeline & Status

2021-2023

Overview

Create a systematic structure of ui components for developers, designers, and customers alike, centered around modularity and flexibility.

Context

Serving a lean startup environment, the Ambient.ai design system is centered around modularity and flexibility; optimized for iterative product practices, development velocity, and operational efficiency.

Serving a lean startup environment, the Ambient.ai design system is centered around modularity and flexibility; optimized for iterative product practices, development velocity, and operational efficiency.

Page Templates

Alert Detail Page

Live Page

Analytics Page

Forensics Search Page

Alert Page

Onboarding Page

Organisms

Anatomy of a Card

Card Component, Generic

Anatomy of a Card

Card Title

Card Content

Card Media

Card Action Row

+

+

+

Card Variants

Live Page Card

Alert History Card

Stream Onboarding Card

Stream Onboarding Card

Card Variants

Popover Variants

Monitored Sites

Profile Popover

Profile Popover

Alert Popover

Popover Variants