Motion brings life to visual design and interactions. By applying principles derived from classical animation techniques, motion can delight and bring clarity by guiding the customer’s focus before, during, and after interactions.

Color showcases our vibrant personality and helps define communication, brand and roles.

Content standards and patterns inform how we talk to our customers in the digital space.

Data visualization is a powerful tool for communicating complex information in a clear and intuitive way. When integrated into digital products, well-designed data visualizations enhance decision-making and improve user engagement.

Design tokens are visual atoms that represent style used across platforms to create consistency and cohesion.

A grid creates a consistent layout that works across other platforms and different breakpoints.

Icons are visual, clickable elements that enhance our customer and colleague’s visual experience.

Internationalization allows users to build experiences that work in different locales.

Guidance for consistency and cultural relevance, while aligning with global standards.

Applying dark mode to your designs displays content on darker surfaces, creating a low-light UI environment.

Shape can define the visual feel of a layout by utilizing different amounts of border radius.

Spacing allows users to have consistency and visual hierarchy among elements on the page.

Our design system creates a harmonious relationship between content and surface.

Typography provides a strong visual hierarchy and helps set the overall tone of the design.