project overview
leveraging the new atmosphere design system components to create page layouts and local components for UXEP platform
we were tasked to implement the new design system to all pages for the Uxep platform in a tight deadline of two weeks.
project Type
design systems, product design
YEAR
2026
MY ROLE
visual designer
Company
cisco
My impact
I created local components, such as but not limited to the navigation dropdown, card components, and page templates for other designers to utilize while designing their pages to expedite the process.
Page template
There were several document pages being implemented using the new design system, with multiple designers contributing to the work. To maintain consistency across all pages, I helped create a standardized page template that established clear rules, layout structure, and spacing guidelines.
example Pages using this template
Light + Dark Mode
for every page, we implemented dark + light tokens so each page can easily be turned into dark mode if needed
Example page of light/dark mode token being used
Hero images
Local Components created
Navigation and footer
cards
We noticed that we use cards in several instances throughout the Uxep platform so we created a local component that had different variants to satisfy different use cases for content
Examples and instances of local card component being used
Mockup
