Welcome to the Spiris Design System

This library is framework agnostic and consists of pure HTML and CSS. In the library you will find responsive design, custom components, UX guidelines and more.

About

The Design System is Spiris fork of the now discontinued Visma VUD Web Library. It's intended both as a live version of the design and as a resource when building web applications, including the tehnical recommendations in the guidelines. Since Spiris uses several different platforms for web applications, the design system is intended to be a framework neutral resource. The older version of the VUD web library came bundled with the Bootstrap library which have the effect that the Spiris and VUD implementations are heavy influenced by this.

Source code and issue tracking

The full source code is available as a repository in GitHub. You need to be a Visma employee in order to get code access. Patches and pull requests are welcome!

All releases of the Design System are from the Spiris package registry. The packages are stored as Github packages and any download requires authentication.

npm install @visma-spcs-registry/designsystem

Currently the CSS is NOT available through CDN. If you want the pre-compiled code they can be accessed by downloading the NPM package and copying the code from node_modules\@visma-spcs-registry\designsystem\dist\css.

Issues and planning for future versions live in Jira. Bugs are reported in Github.

Browser support

The web library follows the Compatibility Policy from the Product Development Architecture Board (PDAB).

Generally, the web library aims for progressive enhancement, using advanced broswer features where this makes markup cleaner and more future-proof, with fallbacks for older browser as needed. Small visual differences between browser can therefore be expected.