MindSphere Design System
The "MindSphere Design System" describes a design language for the overall look and feel of MindSphere applications. The MindSphere design system is a collection of patterns, best practices, and products to support you in developing web applications with a cohesive and consistent MindSphere look and feel. The design system is meant to be used by both designers and developers.
UI Design & Patterns
The UI Design & Patterns section is an evolving collection of patterns, principles and best practices. It is the starting point for developers and designers who want to build high-quality applications for the MindSphere platform.
The MindSphere CSS Framework lets you add the "MindSphere Design System" look and feel to your web application. It is a modern, flex-box based CSS Framework optimized for cross-device usage.
The MindSphere icon-font is a collection of over 150 system icons adopted for the MindSphere ecosystem. Easy to integrate by adding only two CSS selectors to an HTML element.
MindSphere OS Bar
The MindSphere OS Bar connects all MindSphere applications on a user-interface level. It is used for showing the logo, app name, important tenant information and ensures a consistent cross-application navigation for the user.