Our foundations create a consistent grounding for all of our interfaces. These guidelines ensure a consistent experience with an on-brand look and feel across Workforce products.
Our color system ensures that on-brand, accessible colors are built into our design system and used consistently.
Our system of actionable and informative icons represent actions, ideas, and objects to communicate visually and draw attention to important information.
Our spacing system defines the areas between elements within components and between components to make implementing spacing easier and more consistent.
Our design system is built to meet WCAG 2.2 AA and WAI-ARIA guidelines so all users can access and use Workforce products.
Our typography system provides primary, secondary, fallback, and monospace fonts to create an on-brand, consistent digital experience in every language.
Our internationalization guidelines help ensure designs can be usable, relevant, and meaningful in all our languages and regions without engineering changes.
Oktanauts can use the following resources when building with Odyssey components:
- Check the Odyssey 1.0 FAQs.
- Join #odyssey in Slack to ask questions and stay up to date about the design system.
- Attend Odyssey Office Hours on Mondays and Wednesdays from 1-1:30 p.m. PT / 4-4:30 p.m. ET.
- Submit bug reports and feature requests to the Odyssey Jira board.