Odyssey Design System
Build and design consistent, efficient, and accessible UIs for all Okta users.
Base
Base is the foundation of Odyssey, consisting of Color, Design Tokens, HTML Elements, Iconography and Typography
Components
Components are commonly found, pre-assembled UI Objects built from Odyssey's Base and organized by form and function.
Icons
A system of icons which establishes a visual language that can be easily understood regardless of age, language or culture.
Purpose
Odyssey is Okta’s official design system built for use across all Okta products and sites. We aim to enable designers and developers to build efficiently and consistently while optimizing for user experience and accessibility.
GitHub
View up to date code and releases, file issues and propose changes.
Figma kit
Odyssey is designed in Figma. Here, you can leverage the latest UIs in your design projects.
-
Principles
Okta's design principles are Odyssey's north star. They guide us in making critical decisions as a team.
-
Roadmap
Follow along with Odyssey development, planning and our long term roadmap on ZenHub.
-
Need help?
The Odyssey team is always available to help solve problems and improve the system.