Alexa Design System

Multimodal Experiences Across 10+ Breakpoints

A Multimodal Design System

Made at Amazon Devices, 2017-2023
EchoShow15_Home

Developing a Voice-Forward Design System
Ambient by Design, A Modern Scaleable Solution

Role: UX Director (2020-23), Lead Designer (2018-20)
Amazon-Echo-Show-21-widgets
01   Smart Home Widgets Template Designs
At Amazon Alexa, I led the evolution of our voice-first design system across multimodal devices. This ranged from ambient screens to smart displays. Early on, as a Senior Visual Designer, I helped define the foundational layouts and visual language. As I grew into the UX Creative Director role, I led team of multidisciplinary designers (interaction, visual, motion, and illustration) in scaling this system across product lines over 6 years.
My team owned the definition and delivery of multimodal patterns and components, overseeing innovation and implementation across Echo Show, FireTV, desktop, tablet, and the Alexa App. The system spans 10+ responsive breakpoints and scales to 14 global locales, optimized for both near and far-field viewing, and adaptable to ambient and direct interaction models.
My team owned the end-to-end UX architecture and visual frameworks, including:
  • New multimodal interaction patterns
  • Scalable motion and visual systems
  • Responsive component libraries & variants
  • Defined color tokens, typography, and grid systems
  • Illustration systems and contextual backgrounds
  • Implementation guidance for product and engineering partners
  • Marketing, packaging, and go-to-market (GTM) support
  • Partnered closely with GTM and brand teams to craft visual narrative
  • Human Interaction Guidelines (HIG) used across the Alexa Devices organization

Examples in Context


Below is a gallery of how the Alexa Multimodal Design system was used across breakpoints and across internal and external partner teams.
echoshow_firetv_designsystem
02  Echo Show 15 Widgets & FireTV Home Screen
Amazon-Echo-Show-5-3rd-Gen-review-1176×784
03   Alarm Clock
echoshow15and21
04   Echo Show 15 & Echo Show 21
echo_widgets2
amazon-echo-show-2-review-29719
echo_show_5_weather
echoshow5
Echo-Show-Black-Kitchen
echoshow_arabic
echoshow_weather
echoshow5lists2
echoshow5music
echoshow5spanish
echoshow8list
echoshowlist
echo_show_15_weather
echoshiw8_weather3
Echo-Show-15-music
echo-show-10-latest-1
Amazon-Echo-Show-8-2nd-gen-2021
Echo-Show-15-Smart-Home-Widget
Echo-Show-10-11
alexa-home-screen-widgets
echoshow5smarthome
echoshow8home_grid
echoshow21_2
echoshowhomewidgets
echoshowsundaevibes

Other Works

Echo Show - Home SystemUX & Interactive
BigTime MobileUX & Interactive
Amazon - Alexa WidgetsUX & Interactive
BigTime AI AssistantUX & Interactive
Amazon - AmazeConPrint, Illustration
White Label Finance AppUX & Interactive
Amazon - CORE ConferencePrint, Illustration
Wedding Branding SuitePrint, Illustration
Dear GretchenBook, Print, Photography
Minus The Bear - Infinity OverheadMusic, Vinyl, Lettering, Print
Minus The Bear - Lost LovesMusic, Vinyl, Lettering, Print
Minus The Bear - ApparelPrint, Illustration
Aleve - Pain ReliefMotion, Storyboards
Minute Maid - NaturalsMotion, Storyboards
Stride Rite - Glitzy PetsStoryboards, Commercial
Coca-Cola - TastemakerInteractive, Motion, Storyboards
Washington LotteryMotion, Stroyboards
Minus The Bear - Record Store DayMusic, Vinyl, Lettering, Print
Pretty PicturesLogo, Print, Branding
The Wise OwlLogo, Print, Branding
PeoplemoverMusic, Lettering, Print
Stanford AerobicsLettering, Print
Vacationer - MerchLettering, Print
Coca-Cola - AhhMotion, Illustration
Clorox - Fashionably CleanMotion, Storyboards
J-Power - Powered by NatureMotion, Storyboards
Taco Bell - Doritos LocosMotion, Storyboards, Photography
Shoe Carnival - HolidaysMotion, Storyboards
Sony - The Color of SportMotion, Storyboards
Chase SapphireMotion, Storyboards
Clocks SystemUX & Interactive, Illustration
View