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.

  • MindSphere CSS

    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.

  • MindSphere Icons

    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.