Download

Download our CSS zip file to get the CSS, assets and examples.

CSS – Zip file

Download ready-to-use files. The zip file contains:

  • CSS files
  • Icon-Font
  • Preview HTML file containing all elements
  • Standalone example files
  • Starter templates

CSS – Content Delivery Network (CDN)

You can also integrate a hosted CSS file by using our content delivery network. Add the following snippet to the <head> element of your application`s index file:

<link rel="stylesheet" 
	  href="https://static.eu1.mindsphere.io/mdsp-css/v2.4.0/css/mdsp-css.min.css" />

Figma library

The Figma library is a comprehensive collection of design assets. It can be easily integrated into any Insights Hub or Industrial IoT design project. This resource has been crafted with primarily designers in mind, providing them with pre-made design elements that save time and speed up the app design process. With a diverse range of components and icons, the library is an valuable tool for any designer. Download the library now to access a wealth of design assets that can be incorporated into the projects with ease.

What you can expect

  • Foundation with colors, font styles and shadows
  • Assets with icons and placeholder images
  • Components

How to use

  1. Download and extract the ZIP file
  2. Import the .fig files
  3. Open the files and publish them in the order noted above

In case you are updating to a newer version, first follow the same steps. To replace the updated library with the old one open the libraries dialog, select the old library and click “Swap library” in the right bottom as shown here.

Download Figma library

Note: Due to its filesize, the library file is not included in the website archive.

Except where otherwise noted, content on this site is licensed under the Development License Agreement.
Back to top