Skip to main content
Odyssey Design System


Base is the foundation of Odyssey, consisting of Color, Design Tokens, HTML Elements, Iconography and Typography

  • Color

    Odyssey colors consist of a variety of neutral, semantic, and brand values used in all UIs for utmost clarity and readability.

  • Design Tokens

    Design Tokens abstract Base elements into names that are commonly understood. They are then used together to build components.

  • Elements

    A glossary of standard HTML elements provided by Odyssey.

  • Typography

    A set of pre-defined text styles for headers, body copy, & links designed for clarity in readability and hierarchy.