Welcome to the NC4 Web library
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.
Download the source code (zip)
About
The web library is Visma's reference implementation of Nordic Cool. 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 Visma uses several different platforms for web applications, the web library is intended to be a framework neutral resource.
Source code and issue tracking
The full source code is available as a repository in GitHub. If you don't have access there, contact us if you want a copy. Patches and pull requests are welcome!
All releases of Nordic Cool 4 are now available and public through NPM and they are public.
npm install @vismaux/nordic-cool --s
Also the CSS is available through CDN.
Issues and planning for future versions live in Jira. Email us or file issues directly if you find problems or want us to add things. Remember to use the NC4 label.
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.
The Web library team
Corporate UX Manager
Malmö
Corporate Design Lead
Malmö
Front-end Lead
Sibiu
Senior Front-end Developer
Sibiu
Front-end Developer
Sibiu
Responsabilities and offering
The Web library provides the product development organisation with a framework agnostic library.
- Work as a support function, ensuring good developer experience when teams connect to the library
- Continously develop and maintain useful tools and recommendations for the development team to enagle good execution on the Visma design language Nordic Cool
- Are responsible to package the tools and resources to empower teams to quickly execute on the Nordic Cool design language with high quality
Release notes
Shortcuts
Nordic Cool Legacy
This is where you will find the Nordic Cool 3 Web library. You are still welcome to report bugs and reach out to the Web library team if you need support with Nordic Cool 3.