Comprehensive component, pattern, and visual system for BOS and FOS.
OVERVIEW
UI/System designer | 2021-2023
Rocket Design System (RDS) provides a living library of reusable styles, design components, patterns and code snippets that make up Rocket digital products and experiences.
Tools
Visual elements & component library
We recreated Rocket's visual and structural elements to mature the overall brand tone and create more consistent and accessible product design through the following elements:
Responsive grid and spatial system
Universal type kit
Color system grounded in accessibility
Guidelines and libraries for brand elements
Icons and custom symbols
Set of 50 base components
Pattern library
We engaged in collaboration with teams across the organization to identify shared patterns and experiences. Using our foundations and components, we established a collection of adaptable templates for commonly used experiences.
User dashboard
Testimonials
Landing page heros
Financial calculators
Pricing
and more!
Documention SIte
We created a comprehensive documentation website for Rocket team members to get all the details they need in order to best utilize RDS.
