A new UI System: set of components in design + code based on guidelines 

Front End UI System

Apollo

Why a new UI System?

  • Next generation of patterns, styles, and components
  • Based on design rules and best practices
  • Increase efficiency when designing AND coding
  • Reduce decision fatigue and tech debt
  • Usable as consistent, cohesive, and understandable

 

Based on individual use and the feedback of designers and developers - as well as feedback from users - our current UI system does NOT check any of these boxes.

 

+

Motion & Transitions

pollo

Design System for FE Customer Experiences

Web

Web

Engage

Skills-Platform

Visualizer

Apollo Components

Apollo Navigation

 

pollo

Front End UI System

  • Figma Design System
  • Web HTML + CSS + Interactions
  • Apollo Component Kit
  • Product Implementations

pollo

Front End UI System

  1. How will we address design mismatches between                       

pollo

Front End UI System

legacy products and new Apollo products?

  1. How will we address design mismatches between                       
  2. What is the Apollo Timeline (plan)?
  3. What is the Apollo Component Kit?
  4. Is it accessible (a11y)?
  5. Will it replace Fresco?
  6. When can I use it?

FAQ

Apollo

By Thomas Burleson

Private

Apollo