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.
Color
Our color system ensures that on-brand, accessible colors are built into our design system and used consistently.
Iconography
Our system of actionable and informative icons represent actions, ideas, and objects to communicate visually and draw attention to important information.
Spacing
Our spacing system defines the areas between elements within components and between components to make implementing spacing easier and more consistent.
Accessibility
Our design system is built to meet WCAG 2.2 AA and WAI-ARIA guidelines so all users can access and use Workforce products.
Typography
Our typography system provides primary, secondary, fallback, and monospace fonts to create an on-brand, consistent digital experience in every language.
Internationalization
Our internationalization guidelines help ensure designs can be usable, relevant, and meaningful in all our languages and regions without engineering changes.
Have questions or need support?
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
- Request a new component using the Odyssey component proposal.