Blueprint is a flexible design system that enables teams to create unified, relevant, and inclusive experiences.
Facebook — Blueprint Design System
We have reimagined the product experience to feel more meaningful, modern, and culturally relevant for all communities. The updated design system is also fluid and expressive, with content at the heart of the experience. A modernized design language for Facebook.
VISION
To push Meta's mixed reality vision forward, we've developed an updated motion language for our design system, leveraging card components and a smart glow system that celebrates the user's content. This helped shape and define new principles around dimensionality and influence other internal teams and cross-functional partners. We also created new approaches to interaction, physics, and materiality, expanding on the design system's foundational work.
Motion and Dimensionality
MOTION
Movement enhances interactivity by reinforcing the status of elements, providing the user with feedback, or by effectively transitioning us between surfaces.
Elevation
INTERACTIONS and MATERIALITY
These are examples of UI explorations using components of the new visual design. We also explored the Materiality of these components in the shape of an interactive real-time prototype thinking of its applications for mixed reality applications.
Reactions 2.0 — Shades of Love
Blueprint Reel
Role: Creative Director at Meta — Visual Architecture Team
Motion Design System animations: BUCK (Amsterdam)