How do I get started with OLYSENSE Design System?

See the Getting Started section in the documentation.

Who works on the OLYSENSE Design System?

The OLYSENSE Design System has a Design System Squad inside Olympus that is dedicated to building and supporting the system. The squad includes Michael Oddis, Noah Jablonski and Daniel Townson.

Should we use the OLYSENSE Design System?

Yes, you should use it. OLYSENSE Design System improves UI consistency and quality, while making our software design and development processes more efficient.

What tools do you use?

• Microsoft Teams for updates
• Microsoft Azure DevOps (ADO) for code, tracking progress and distribution
• Figma for design

What NPM packages do you offer?

• Components - @ods/components/web, @ods/components/react
• Design Tokens (--ods ) - @ods/design-tokens
• Layout (CSS) - @ods/layout
• Typography (CSS) - @ods/typography

Deprecated Packages:

• Themes (--sense Design Tokens, Deprecated) - @ods/theme

What Figma libraries do you provide?

• ODS Foundations - Foundational elements of the ODS Design System, like Colors, Figma Variables, Typography, etc.
• ODS Components - Components we support in the ODS Design System.

Bowser Support

OLYSENSE Design System is tested in the latest two versions of the following browsers. We do not support IE11 or pre-Chromium Edge.