Active theme set to Nord LightNord DarkVet LightVet DarkHealth LightHealth Dark and saved in preferences.
Copied to clipboard.
We’re hiring for design systems team! View open positions.

Frequently Asked Questions

What is the Nord Design System? #

Nord is Nordhealth’s design system for products, digital experiences and brand. It’s a collection of reusable components and tools, guided by clear standards, that can be assembled together to build digital products and experiences.

Who works on Nord? #

Nord Design System has a core team of designers and developers inside Nordhealth who are dedicated to building and supporting the system. The core team includes Viljami Salminen, Eric Habich and Nick Williams.

Why is the design system public? #

Public documentation makes sharing and collaboration between different teams and third party vendors much easier as it increases the system’s visibility and accountability. This also makes us push towards higher quality content and enables us to be more transparent. Finally, this also serves as an amazing tool that we can leverage in recruiting.

What is the goal of the design system? #

The goal of Nord Design System is to improve UI consistency and quality, while making our software design and development processes more efficient. Nord also helps to establish a common vocabulary between everyone in our organization and ease collabo­ration between different teams and disciplines.

What’s on the roadmap? #

See the Roadmap page for up to date plans.

What’s the meaning of “draft” badges? #

These badges indicate whether something is ready to be used in production. Orange (“Draft”) status means that it’s still under work and not ready to be used in production environment or design work.

Can I use Nord in any project? #

Nord Design System is meant for building digital products and experiences for Nordhealth. Our terms of use doesn’t allow the use of Nord outside of this context.

Is Nord open source? #

No, but feel free to browse this website to learn how we approach design and development at Nordhealth.

What tools do you use? #

What packages do you offer? #

What’s your working culture? #

The following set of fundamental rules allows us to get to the highest level of productivity while benefiting both the company and our team members.

How do I get started with Nord? #

See the Getting Started section in the documentation.

You can find the logo in different formats from our downloads page.

What’s the difference between RGB, CMYK and Spot colors? #

The simple answer is that RGB is for anything digital or on a screen, and CMYK and Spot are for print. If you’re working on print and don’t know what Spot colors are, then we recommend you to always pick the CMYK version instead.

What browsers are supported? #

Nord Design System is tested on and supports the following browsers.

Can I use Nord together with other CSS frameworks? #

Yes. All CSS selectors are prefixed with .n- to prevent collisions.

What languages are the components written in? #

Components are written in TypeScript, CSS and HTML. They ship as standards based Web Components making them compatible with current and future JavaScript based frameworks like Angular, React or Vue.

What are you using to generate the documentation? #

We use a tool called Eleventy to generate it. Additionally, we don’t currently use any JavaScript frameworks or similar on the website.

I need a new icon? #

All new icons should be added to Nordicons first. Please see Support page for more information on how to contact us. We can usually add an icon during the same day if there’s a hurry. Please keep in mind though that if there’s a similar icon already in use, we will suggest you to use that instead.

How can I contribute? #

See the Support section in the documentation for ways to contact us.

I found a bug. How do I report it? #

First, make sure the problem is reproducible. Once confirmed, send us a bug report.

I couldn’t find an answer to my question #

See the Support guidelines for instructions on how to reach us.

Edit page