UI Design & Patterns

MindSphere applications define themselves by much more than just their technical functionality. They must also be practical, intuitive and visually appealing to the user.

The MindSphere Design System describes a design language for the overall look and feel of MindSphere applications. The guideline is meant to be used by both designers and developers.

Design Principles

All applications and components of MindSphere derive from one design philosophy. The following five principles define the necessary mindset when designing for MindSphere and lead the way to a great user experience.



Key features and functions must be discoverable at a glance. Do not expose the data model but instead use terms and representations that are familiar to the user. Give confidence and freedom by making transparent what actions will cause which effect.


Provide only the minimum set of capabilities to complete a task. Every feature of an application must be justified. Always make clear what actions the user can take to fulfill his goals.


All action takes place in a context of certain tasks and goals. Adapt the application interface to the user's actual workflow. Always provide the most practical tools to work in a time-saving and intelligent way.


The visual appearance of a MindSphere application should express clarity, modernity and integrity. Follow the design guidelines for color, typography, iconography and components. Pay attention to detail and don't include features that are incomplete.


All MindSphere applications share one design language. Take the design approach of existing implementations into account and be consistent when taking decisions yourself.
Except where otherwise noted, content on this site is licensed under the MindSphere Development License Agreement.
Back to top